fds-vue-core 2.1.11 → 2.1.16

package/dist/fds-vue-core.es.js

@@ -1,4 +1,4 @@
-import { useSlots, computed, Comment, defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, ref, watch, createCommentVNode, createElementVNode, unref, createVNode, toDisplayString, renderSlot, withDirectives, vShow, useAttrs, resolveDynamicComponent, mergeProps, withCtx, onMounted, createTextVNode, nextTick, onBeforeUnmount, Teleport, withModifiers, mergeModels, useModel, vModelDynamic, Fragment, renderList, withKeys, reactive, vModelCheckbox, vModelRadio, inject, resolveComponent, Transition, watchEffect, provide, vModelSelect, vModelText, getCurrentInstance } from "vue";
+import { useSlots, computed, Comment, defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, ref, watch, createCommentVNode, createElementVNode, unref, createVNode, toDisplayString, renderSlot, useAttrs, withDirectives, mergeProps, vShow, resolveDynamicComponent, withCtx, onMounted, createTextVNode, nextTick, onBeforeUnmount, Teleport, withModifiers, mergeModels, useModel, vModelDynamic, Fragment, renderList, withKeys, reactive, vModelCheckbox, vModelRadio, inject, resolveComponent, Transition, watchEffect, provide, vModelSelect, vModelText, getCurrentInstance } from "vue";
 function useHasSlot(name = "default") {
   const slots = useSlots();
   return computed(() => {
@@ -520,7 +520,7 @@ const icons = {
       </defs>
     </svg>`
 };
-const _hoisted_1$q = ["innerHTML"];
+const _hoisted_1$r = ["innerHTML"];
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "FdsIcon",
   props: {
@@ -547,11 +547,11 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         class: "inline-flex items-center justify-center align-middle",
         style: normalizeStyle({ width: pixelSize.value, height: pixelSize.value }),
         innerHTML: svgHtml.value
-      }, null, 12, _hoisted_1$q);
+      }, null, 12, _hoisted_1$r);
     };
   }
 });
-const _hoisted_1$p = ["id", "type", "disabled", "aria-label", "aria-disabled"];
+const _hoisted_1$q = ["id", "type", "disabled", "aria-label", "aria-disabled"];
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "FdsButtonIcon",
   props: {
@@ -583,29 +583,29 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        id: _ctx.id,
-        type: _ctx.type,
-        disabled: _ctx.disabled,
-        "aria-label": _ctx.ariaLabel,
-        "aria-disabled": _ctx.ariaDisabled,
+        id: __props.id,
+        type: __props.type,
+        disabled: __props.disabled,
+        "aria-label": __props.ariaLabel,
+        "aria-disabled": __props.ariaDisabled,
         class: normalizeClass(buttonClasses.value),
         onClick
       }, [
-        !_ctx.loading ? (openBlock(), createBlock(_sfc_main$w, {
+        !__props.loading ? (openBlock(), createBlock(_sfc_main$w, {
           key: 0,
           size: iconSize.value,
-          name: _ctx.icon
+          name: __props.icon
         }, null, 8, ["size", "name"])) : (openBlock(), createBlock(_sfc_main$w, {
           key: 1,
           size: iconSize.value,
           name: "spinner",
           class: "animate-spin"
         }, null, 8, ["size"]))
-      ], 10, _hoisted_1$p);
+      ], 10, _hoisted_1$q);
     };
   }
 });
-const _hoisted_1$o = ["id"];
+const _hoisted_1$p = ["id"];
 const _hoisted_2$k = { class: "flex items-center gap-2" };
 const _hoisted_3$b = { class: "relative" };
 const _hoisted_4$a = {
@@ -663,9 +663,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", null, [
           createElementVNode("div", null, [
-            _ctx.label ? (openBlock(), createElementBlock("div", {
+            __props.label ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(["font-bold w-full justify-between items-center h-[24px] flex gap-2", { "mb-4": (isExpanded.value || !_ctx.collapsable) && unref(hasSlot) }])
+              class: normalizeClass(["font-bold w-full justify-between items-center h-[24px] flex gap-2", { "mb-4": (isExpanded.value || !__props.collapsable) && unref(hasSlot) }])
             }, [
               createElementVNode("div", _hoisted_2$k, [
                 createVNode(_sfc_main$w, {
@@ -673,10 +673,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                   size: 24,
                   class: "fill-yellow-700"
                 }),
-                createElementVNode("span", null, toDisplayString(_ctx.label), 1)
+                createElementVNode("span", null, toDisplayString(__props.label), 1)
               ]),
               createElementVNode("div", _hoisted_3$b, [
-                _ctx.closeable ? (openBlock(), createBlock(_sfc_main$v, {
+                __props.closeable ? (openBlock(), createBlock(_sfc_main$v, {
                   key: 0,
                   icon: "cross",
                   size: 24,
@@ -684,7 +684,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                   ariaLabel: closeLabel.value,
                   class: normalizeClass(["fill-gray-900! hover:bg-gray-100 active:bg-gray-200"])
                 }, null, 8, ["ariaLabel"])) : createCommentVNode("", true),
-                _ctx.collapsable ? (openBlock(), createBlock(_sfc_main$v, {
+                __props.collapsable ? (openBlock(), createBlock(_sfc_main$v, {
                   key: 1,
                   icon: "arrowDown",
                   size: 24,
@@ -698,23 +698,23 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["ariaLabel", "class"])) : createCommentVNode("", true)
               ])
             ], 2)) : createCommentVNode("", true),
-            isExpanded.value || !_ctx.collapsable ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
+            isExpanded.value || !__props.collapsable ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
               renderSlot(_ctx.$slots, "default")
             ])) : createCommentVNode("", true)
           ])
         ])
-      ], 10, _hoisted_1$o)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$p)) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$n = ["id"];
+const _hoisted_1$o = ["id"];
 const _hoisted_2$j = {
   key: 0,
   class: "flex items-start justify-between gap-4"
 };
 const _hoisted_3$a = { class: "flex items-center gap-3" };
 const _hoisted_4$9 = { class: "flex items-start gap-3" };
-const _hoisted_5$8 = { class: "mb-0-last-child" };
+const _hoisted_5$9 = { class: "mb-0-last-child" };
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FdsBlockContent",
   props: {
@@ -751,43 +751,57 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         class: normalizeClass(contentClasses.value),
         style: normalizeStyle(borderLeftStyle.value)
       }, [
-        _ctx.heading ? (openBlock(), createElementBlock("header", _hoisted_2$j, [
+        __props.heading ? (openBlock(), createElementBlock("header", _hoisted_2$j, [
           createElementVNode("div", _hoisted_3$a, [
             createElementVNode("h3", {
               class: normalizeClass(headerClasses.value)
-            }, toDisplayString(_ctx.heading), 3)
+            }, toDisplayString(__props.heading), 3)
           ]),
           createElementVNode("div", _hoisted_4$9, [
             renderSlot(_ctx.$slots, "headerInfo")
           ])
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_5$8, [
+        createElementVNode("div", _hoisted_5$9, [
           renderSlot(_ctx.$slots, "default")
         ])
-      ], 14, _hoisted_1$n);
+      ], 14, _hoisted_1$o);
     };
   }
 });
-const _hoisted_1$m = { class: "inline-flex items-center" };
-const _hoisted_2$i = {
+const _hoisted_1$n = { class: "w-full flex justify-between items-start" };
+const _hoisted_2$i = { class: "inline-flex items-center" };
+const _hoisted_3$9 = {
   key: 0,
   class: "flex items-center mr-4"
 };
-const _hoisted_3$9 = { class: "inline-flex items-center" };
-const _hoisted_4$8 = ["aria-hidden"];
+const _hoisted_4$8 = { class: "inline-flex items-center" };
+const _hoisted_5$8 = {
+  key: 0,
+  class: "w-full flex mt-2"
+};
+const _hoisted_6$5 = ["aria-hidden"];
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "FdsBlockExpander",
   props: {
     disabled: { type: Boolean, default: false },
     label: { default: "" },
     open: { type: Boolean, default: false },
-    preIcon: { default: void 0 }
+    preIcon: { default: void 0 },
+    id: { default: void 0 },
+    dataTestid: { default: void 0 }
   },
   emits: ["toggle"],
   setup(__props, { emit: __emit }) {
+    const attrs = useAttrs();
     const props = __props;
+    const hasExtraRowSlot = useHasSlot("extra-row");
     const emit = __emit;
     const isOpen = ref(props.open);
+    const autoId = `fds-block-expander-${Math.random().toString(36).slice(2, 9)}`;
+    const blockExpanderId = computed(() => props.id ?? autoId);
     watch(
       () => props.open,
       (newValue) => {
@@ -799,10 +813,17 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       props.disabled && "shadow-none border-2 border-gray-200 border-dashed"
     ]);
     const headerClasses = computed(() => [
-      "flex w-full items-start text-left justify-between bg-white text-blue-600 rounded-2xl p-[calc(1rem-2px)] border-2 border-white transition-colors border-2 border-white hover:border-blue-500 active:bg-blue_t-100 active:border-white focus-visible:border-blue-500 focus-visible:border-dashed focus-visible:outline-0",
+      "flex w-full flex-col text-left  bg-white text-blue-600 rounded-2xl p-[calc(1rem-2px)] border-2 border-white transition-colors border-2 border-white hover:border-blue-500 active:bg-blue_t-100 active:border-white focus-visible:border-blue-500 focus-visible:border-dashed focus-visible:outline-0",
       props.disabled ? "cursor-not-allowed hover:border-2 hover:border-transparent  active:bg-white" : "cursor-pointer",
-      isOpen.value ? "rounded-b-none" : "rounded-b-2xl"
+      isOpen.value ? "rounded-b-none" : "rounded-b-2xl",
+      hasExtraRowSlot.value ? "" : ""
     ]);
+    const buttonRowClasses = computed(() => ["flex justify-between items-start w-full", hasExtraRowSlot.value ? "" : ""]);
+    const buttonAttrs = computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid,
+      id: blockExpanderId.value
+    }));
     function handleToggle() {
       if (props.disabled) return;
       isOpen.value = !isOpen.value;
@@ -812,44 +833,53 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(expanderClasses.value)
       }, [
-        createElementVNode("button", {
+        createElementVNode("button", mergeProps(buttonAttrs.value, {
           type: "button",
-          class: normalizeClass(headerClasses.value),
+          class: headerClasses.value,
           onClick: handleToggle
-        }, [
-          createElementVNode("span", _hoisted_1$m, [
-            _ctx.preIcon ? (openBlock(), createElementBlock("span", _hoisted_2$i, [
+        }), [
+          createElementVNode("span", {
+            class: normalizeClass(buttonRowClasses.value)
+          }, [
+            createElementVNode("span", _hoisted_1$n, [
+              createElementVNode("span", _hoisted_2$i, [
+                __props.preIcon ? (openBlock(), createElementBlock("span", _hoisted_3$9, [
+                  createVNode(_sfc_main$w, {
+                    name: __props.preIcon,
+                    size: 24,
+                    class: normalizeClass(["fill-blue-500", { "fill-gray-500": __props.disabled }])
+                  }, null, 8, ["name", "class"])
+                ])) : createCommentVNode("", true),
+                createElementVNode("span", _hoisted_4$8, [
+                  createElementVNode("span", {
+                    class: normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500": __props.disabled }])
+                  }, toDisplayString(__props.label), 3)
+                ])
+              ]),
               createVNode(_sfc_main$w, {
-                name: _ctx.preIcon,
+                name: "arrowDown",
                 size: 24,
-                class: normalizeClass(["fill-blue-500", { "fill-gray-500": _ctx.disabled }])
-              }, null, 8, ["name", "class"])
-            ])) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_3$9, [
-              createElementVNode("span", {
-                class: normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500": _ctx.disabled }])
-              }, toDisplayString(_ctx.label), 3)
+                class: normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": __props.disabled }])
+              }, null, 8, ["class"])
             ])
-          ]),
-          createVNode(_sfc_main$w, {
-            name: "arrowDown",
-            size: 24,
-            class: normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": _ctx.disabled }])
-          }, null, 8, ["class"])
-        ], 2),
+          ], 2),
+          unref(hasExtraRowSlot) && !isOpen.value ? (openBlock(), createElementBlock("span", _hoisted_5$8, [
+            renderSlot(_ctx.$slots, "extra-row")
+          ])) : createCommentVNode("", true)
+        ], 16),
         withDirectives(createElementVNode("div", {
           "aria-hidden": !isOpen.value,
           class: "mb-0-last-child block px-4 pb-6 rounded-b-2xl bg-white"
         }, [
           renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_4$8), [
+        ], 8, _hoisted_6$5), [
           [vShow, isOpen.value]
         ])
       ], 2);
     };
   }
 });
-const _hoisted_1$l = ["id"];
+const _hoisted_1$m = ["id"];
 const _hoisted_2$h = {
   key: 0,
   class: "flex items-start gap-4"
@@ -900,16 +930,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         id: contentBlockId.value,
         class: normalizeClass(contentClasses.value)
       }, [
-        _ctx.size === "large" && _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+        __props.size === "large" && __props.icon ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
           createVNode(_sfc_main$w, {
-            name: _ctx.icon,
+            name: __props.icon,
             size: largeIconSize,
             class: "fill-blue-500"
           }, null, 8, ["name"]),
           createElementVNode("div", _hoisted_3$8, [
-            _ctx.heading ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
+            __props.heading ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
               createElementVNode("header", _hoisted_5$7, [
-                createElementVNode("h3", _hoisted_6$4, toDisplayString(_ctx.heading), 1),
+                createElementVNode("h3", _hoisted_6$4, toDisplayString(__props.heading), 1),
                 createElementVNode("div", _hoisted_7$4, [
                   renderSlot(_ctx.$slots, "headerInfo")
                 ])
@@ -920,19 +950,19 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])
         ])) : (openBlock(), createElementBlock("div", _hoisted_9$3, [
-          _ctx.heading ? (openBlock(), createElementBlock("div", {
+          __props.heading ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass({ "mb-4": unref(hasSlot) })
           }, [
             createElementVNode("header", _hoisted_10$1, [
               createElementVNode("div", _hoisted_11$1, [
-                _ctx.icon && _ctx.size === "small" ? (openBlock(), createBlock(_sfc_main$w, {
+                __props.icon && __props.size === "small" ? (openBlock(), createBlock(_sfc_main$w, {
                   key: 0,
-                  name: _ctx.icon,
+                  name: __props.icon,
                   size: smallIconSize,
                   class: "fill-blue-500"
                 }, null, 8, ["name"])) : createCommentVNode("", true),
-                createElementVNode("h3", _hoisted_12$1, toDisplayString(_ctx.heading), 1)
+                createElementVNode("h3", _hoisted_12$1, toDisplayString(__props.heading), 1)
               ]),
               createElementVNode("div", _hoisted_13$1, [
                 renderSlot(_ctx.$slots, "headerInfo")
@@ -943,11 +973,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "default")
           ])
         ]))
-      ], 10, _hoisted_1$l);
+      ], 10, _hoisted_1$m);
     };
   }
 });
-const _hoisted_1$k = { class: "mb-0-last-child" };
+const _hoisted_1$l = { class: "mb-0-last-child" };
 const _hoisted_2$g = {
   key: 0,
   class: "flex items-end"
@@ -969,7 +999,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     icon: { default: void 0 },
     interactive: { type: Boolean, default: true },
     dataTestid: { default: void 0 },
-    as: { default: "router-link" }
+    as: { default: "router-link" },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1019,7 +1050,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     });
     const componentAttrs = computed(() => ({
       ...linkAttrs.value,
-      ...attrs
+      ...attrs,
+      "data-testid": props.dataTestid
     }));
     const componentType = computed(() => {
       if (props.as) return props.as;
@@ -1029,22 +1061,21 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps(componentAttrs.value, {
         id: blockLinkId.value,
         class: ["box-border appearance-none text-left w-full flex items-start bg-white p-[calc(1rem-2px)] mb-3 text-blue-600 shadow-lg shadow-blue-200 rounded-2xl no-underline border-2 border-transparent transition-all duration-200 hover:border-blue-600 hover:border-2 active:border-transparent active:shadow-none active:bg-blue_t-100 focus-visible:border-blue-500 focus-visible:border-dashed focus-visible:outline-0", innerClasses.value],
-        target: componentType.value === "a" ? _ctx.target : void 0,
-        rel: componentType.value === "a" ? _ctx.rel : void 0,
-        download: componentType.value === "a" ? _ctx.download : void 0,
-        disabled: componentType.value === "button" ? _ctx.disabled : void 0,
-        "aria-disabled": _ctx.disabled,
+        target: componentType.value === "a" ? __props.target : void 0,
+        rel: componentType.value === "a" ? __props.rel : void 0,
+        download: componentType.value === "a" ? __props.download : void 0,
+        disabled: componentType.value === "button" ? __props.disabled : void 0,
+        "aria-disabled": __props.disabled,
         onClick: handleClick,
-        onKeydown: handleKeydown,
-        "data-testid": _ctx.dataTestid
+        onKeydown: handleKeydown
       }), {
         default: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(["flex w-full flex-1", contentClasses.value])
           }, [
-            _ctx.icon ? (openBlock(), createBlock(_sfc_main$w, {
+            __props.icon ? (openBlock(), createBlock(_sfc_main$w, {
               key: 0,
-              name: _ctx.icon,
+              name: __props.icon,
               size: 24,
               class: normalizeClass(["flex items-center justify-center w-6 h-6 fill-blue-500", iconClasses.value])
             }, null, 8, ["name", "class"])) : createCommentVNode("", true),
@@ -1056,12 +1087,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("h3", {
                   class: normalizeClass(["flex-1 font-heading text-lg tracking-normal m-0 leading-md", headerTextClasses.value])
-                }, toDisplayString(_ctx.label), 3)
+                }, toDisplayString(__props.label), 3)
               ], 2),
               createElementVNode("div", {
                 class: normalizeClass(slotWrapperClasses.value)
               }, [
-                createElementVNode("div", _hoisted_1$k, [
+                createElementVNode("div", _hoisted_1$l, [
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 unref(hasStickerSlot) ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
@@ -1070,7 +1101,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               ], 2)
             ], 2)
           ], 2),
-          _ctx.arrow ? (openBlock(), createBlock(_sfc_main$w, {
+          __props.arrow ? (openBlock(), createBlock(_sfc_main$w, {
             key: 0,
             name: "arrowRight",
             size: 20,
@@ -1078,11 +1109,11 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           }, null, 8, ["class"])) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 16, ["id", "class", "target", "rel", "download", "disabled", "aria-disabled", "data-testid"]);
+      }, 16, ["id", "class", "target", "rel", "download", "disabled", "aria-disabled"]);
     };
   }
 });
-const _hoisted_1$j = ["aria-label"];
+const _hoisted_1$k = ["aria-label"];
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "FdsSpinner",
   props: {
@@ -1114,7 +1145,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(wrapperClasses.value),
         role: "status",
-        "aria-label": _ctx.label || "Laddar"
+        "aria-label": __props.label || "Laddar"
       }, [
         createElementVNode("div", {
           class: "relative",
@@ -1151,15 +1182,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             }, null, -1)
           ])], 2))
         ], 4),
-        _ctx.label ? (openBlock(), createElementBlock("div", {
+        __props.label ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(_ctx.labelPosition === "bottom" ? "font-bold" : "")
-        }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$j);
+          class: normalizeClass(__props.labelPosition === "bottom" ? "font-bold" : "")
+        }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$k);
     };
   }
 });
-const _hoisted_1$i = ["aria-disabled"];
+const _hoisted_1$j = ["aria-disabled"];
 const _hoisted_2$f = { class: "pt-0.5" };
 const elBase$2 = "box-border appearance-none inline-flex items-start justify-center w-fit cursor-pointer shadow-none p-0.5 text-base select-none m-0 rounded-md text-left align-start no-underline transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
@@ -1183,6 +1214,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     target: { default: void 0 },
     rel: { default: void 0 },
     type: { default: "button" },
+    dataTestid: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    ariaExpanded: { type: Boolean, default: void 0 },
     onClick: {}
   },
   emits: ["click"],
@@ -1228,42 +1262,42 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(rootClasses.value),
-        "aria-disabled": _ctx.disabled ? "true" : void 0
+        "aria-disabled": __props.disabled ? "true" : void 0
       }, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps(componentAttrs.value, {
-          type: _ctx.as === "button" ? _ctx.type : void 0,
-          disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
-          target: _ctx.as === "a" ? _ctx.target : void 0,
-          rel: _ctx.as === "a" ? _ctx.rel : void 0,
+        (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(componentAttrs.value, {
+          type: __props.as === "button" ? __props.type : void 0,
+          disabled: __props.as === "button" ? __props.disabled : void 0,
+          target: __props.as === "a" ? __props.target : void 0,
+          rel: __props.as === "a" ? __props.rel : void 0,
           class: buttonClasses.value,
           onClick
         }), {
           default: withCtx(() => [
-            _ctx.loading ? (openBlock(), createBlock(_sfc_main$p, {
+            __props.loading ? (openBlock(), createBlock(_sfc_main$p, {
               key: 0,
               class: "mr-2",
               size: "24px",
               color: "inherit"
-            })) : _ctx.icon ? (openBlock(), createElementBlock("span", {
+            })) : __props.icon ? (openBlock(), createElementBlock("span", {
               key: 1,
               class: normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
               createVNode(_sfc_main$w, {
                 class: normalizeClass(iconFillClass2.value),
-                name: _ctx.icon,
+                name: __props.icon,
                 size: 24
               }, null, 8, ["class", "name"])
             ], 2)) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_2$f, toDisplayString(_ctx.text), 1)
+            createElementVNode("span", _hoisted_2$f, toDisplayString(__props.text), 1)
           ]),
           _: 1
         }, 16, ["type", "disabled", "target", "rel", "class"]))
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$j);
     };
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "flex items-center gap-2 h-7"
 };
@@ -1330,7 +1364,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return isCopied.value ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return isCopied.value ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
         createVNode(_sfc_main$w, { name: "bigSuccess" }),
         createElementVNode("span", null, toDisplayString(props.copiedLabel), 1)
       ])) : (openBlock(), createBlock(_sfc_main$o, {
@@ -1344,7 +1378,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = ["aria-disabled"];
+const _hoisted_1$h = ["aria-disabled"];
 const _hoisted_2$e = ["disabled"];
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
@@ -1358,10 +1392,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     href: { default: void 0 },
     downloadOptions: { default: void 0 },
     text: { default: "" },
+    ariaLabel: { default: void 0 },
+    dataTestid: { default: void 0 },
     onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
+    const attrs = useAttrs();
     const props = __props;
     const emit = __emit;
     const isDownloading = ref(false);
@@ -1387,6 +1424,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       isDownloading.value ? "cursor-not-allowed text-gray-500" : "cursor-pointer text-blue-600"
     ]);
     const iconFillClass2 = computed(() => isDownloading.value ? "fill-gray-500" : "fill-blue-500");
+    const buttonAttrs = computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid,
+      "aria-label": props.ariaLabel
+    }));
     async function handleDownload(ev) {
       if (props.disabled || props.loading || isDownloading.value) {
         ev.preventDefault();
@@ -1466,11 +1508,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(rootClasses.value),
-        "aria-disabled": _ctx.disabled ? "true" : void 0
+        "aria-disabled": __props.disabled ? "true" : void 0
       }, [
-        createElementVNode("button", mergeProps(_ctx.$attrs, {
+        createElementVNode("button", mergeProps(buttonAttrs.value, {
           class: buttonClasses.value,
-          disabled: _ctx.disabled || _ctx.loading || isDownloading.value,
+          disabled: __props.disabled || __props.loading || isDownloading.value,
           type: "button",
           onClick
         }), [
@@ -1484,13 +1526,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               size: 24
             }, null, 8, ["class"])
           ], 2),
-          createTextVNode(" " + toDisplayString(_ctx.text), 1)
+          createTextVNode(" " + toDisplayString(__props.text), 1)
         ], 16, _hoisted_2$e)
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$h);
     };
   }
 });
-const _hoisted_1$f = ["aria-disabled"];
+const _hoisted_1$g = ["aria-disabled"];
 const _hoisted_2$d = { key: 2 };
 const elBase$1 = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses$1 = "bg-red-600 border border-red-700 text-white hover:bg-red-700 active:bg-red-800 active:border-red-800";
@@ -1512,6 +1554,10 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     target: {},
     rel: {},
     type: { default: "button" },
+    invert: { type: Boolean },
+    dataTestid: {},
+    ariaLabel: {},
+    ariaExpanded: { type: Boolean },
     onClick: {}
   },
   emits: ["click"],
@@ -1543,10 +1589,6 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         ev.preventDefault();
         return;
       }
-      if (props.onClick) {
-        const handlers = Array.isArray(props.onClick) ? props.onClick : [props.onClick];
-        handlers.forEach((handler) => handler(ev));
-      }
       emit("click", ev);
     }
     const linkAttrs = computed(() => {
@@ -1557,39 +1599,39 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(rootClasses.value),
-        "aria-disabled": _ctx.disabled ? "true" : void 0
+        "aria-disabled": __props.disabled ? "true" : void 0
       }, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps(linkAttrs.value, {
-          type: _ctx.as === "button" ? _ctx.type : void 0,
-          disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
+        (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(linkAttrs.value, {
+          type: __props.as === "button" ? __props.type : void 0,
+          disabled: __props.as === "button" ? __props.disabled : void 0,
           class: buttonClasses.value,
           onClick
         }), {
           default: withCtx(() => [
-            _ctx.loading ? (openBlock(), createBlock(_sfc_main$p, {
+            __props.loading ? (openBlock(), createBlock(_sfc_main$p, {
               key: 0,
               size: "24px",
               color: "inherit"
-            })) : _ctx.icon ? (openBlock(), createElementBlock("span", {
+            })) : __props.icon ? (openBlock(), createElementBlock("span", {
               key: 1,
               class: normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
               createVNode(_sfc_main$w, {
                 class: normalizeClass(iconFillClass$1),
-                name: _ctx.icon,
+                name: __props.icon,
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : createCommentVNode("", true),
-            _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true)
+            __props.text ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))
-      ], 10, _hoisted_1$f);
+      ], 10, _hoisted_1$g);
     };
   }
 });
-const _hoisted_1$e = ["aria-disabled"];
+const _hoisted_1$f = ["aria-disabled"];
 const _hoisted_2$c = { key: 2 };
 const elBase = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses = "bg-white border-2 border-blue-500 text-blue-600 hover:border-blue-600 active:bg-blue-600 active:border-blue-600 active:text-white";
@@ -1611,6 +1653,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     target: {},
     rel: {},
     type: { default: "button" },
+    invert: { type: Boolean },
+    dataTestid: {},
+    ariaLabel: {},
+    ariaExpanded: { type: Boolean },
     onClick: {}
   },
   emits: ["click"],
@@ -1652,39 +1698,39 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(rootClasses.value),
-        "aria-disabled": _ctx.disabled ? "true" : void 0
+        "aria-disabled": __props.disabled ? "true" : void 0
       }, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps(linkAttrs.value, {
-          type: _ctx.as === "button" ? _ctx.type : void 0,
-          disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
+        (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(linkAttrs.value, {
+          type: __props.as === "button" ? __props.type : void 0,
+          disabled: __props.as === "button" ? __props.disabled : void 0,
           class: buttonClasses.value,
           onClick
         }), {
           default: withCtx(() => [
-            _ctx.loading ? (openBlock(), createBlock(_sfc_main$p, {
+            __props.loading ? (openBlock(), createBlock(_sfc_main$p, {
               key: 0,
               size: "24px",
               color: "inherit"
-            })) : _ctx.icon ? (openBlock(), createElementBlock("span", {
+            })) : __props.icon ? (openBlock(), createElementBlock("span", {
               key: 1,
               class: normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
               createVNode(_sfc_main$w, {
                 class: normalizeClass(iconFillClass),
-                name: _ctx.icon,
+                name: __props.icon,
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : createCommentVNode("", true),
-            _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_2$c, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true)
+            __props.text ? (openBlock(), createElementBlock("span", _hoisted_2$c, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$f);
     };
   }
 });
-const _hoisted_1$d = { class: "flex justify-between mb-4" };
+const _hoisted_1$e = { class: "flex justify-between mb-4" };
 const _hoisted_2$b = { class: "mb-0-last-child" };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FdsModal",
@@ -1865,7 +1911,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["stop"]))
           }, [
-            createElementVNode("div", _hoisted_1$d, [
+            createElementVNode("div", _hoisted_1$e, [
               createElementVNode("h3", {
                 tabindex: "-1",
                 class: normalizeClass(headerTitleClasses.value)
@@ -1876,9 +1922,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   size: 24,
                   class: normalizeClass(iconClasses.value)
                 }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                createTextVNode(" " + toDisplayString(_ctx.heading), 1)
+                createTextVNode(" " + toDisplayString(__props.heading), 1)
               ], 2),
-              !_ctx.strict ? (openBlock(), createBlock(_sfc_main$v, {
+              !__props.strict ? (openBlock(), createBlock(_sfc_main$v, {
                 key: 0,
                 icon: "cross",
                 size: 28,
@@ -5073,7 +5119,7 @@ try {
   globalThis.IMask = IMask;
 } catch {
 }
-const _hoisted_1$c = { class: "w-full mb-4" };
+const _hoisted_1$d = { class: "w-full mb-4" };
 const _hoisted_2$a = ["for"];
 const _hoisted_3$7 = { class: "relative" };
 const _hoisted_4$6 = ["id", "name", "type", "disabled", "required", "size", "maxlength", "aria-invalid"];
@@ -5111,7 +5157,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     "modelValue": { default: void 0, required: false },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["input", "clearInput", "update:value"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["input", "clearInput", "update:value", "keyup", "keyup.enter"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const modelValue = useModel(__props, "modelValue");
     const props = __props;
@@ -5213,40 +5259,44 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("div", {
-          class: normalizeClass({ "flex flex-row gap-4": _ctx.labelLeft })
+          class: normalizeClass({ "flex flex-row gap-4": __props.labelLeft })
         }, [
           createElementVNode("div", null, [
-            _ctx.label ? (openBlock(), createElementBlock("label", {
+            __props.label ? (openBlock(), createElementBlock("label", {
               key: 0,
               for: inputId.value,
-              class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-            }, toDisplayString(_ctx.label), 11, _hoisted_2$a)) : createCommentVNode("", true),
-            _ctx.meta ? (openBlock(), createElementBlock("div", {
+              class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
+            }, toDisplayString(__props.label), 11, _hoisted_2$a)) : createCommentVNode("", true),
+            __props.meta ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: normalizeClass(["font-thin", { "mb-1": !_ctx.labelLeft }])
-            }, toDisplayString(_ctx.meta), 3)) : createCommentVNode("", true)
+              class: normalizeClass(["font-thin", { "mb-1": !__props.labelLeft }])
+            }, toDisplayString(__props.meta), 3)) : createCommentVNode("", true)
           ]),
           createElementVNode("div", {
-            class: normalizeClass({ "flex-1": _ctx.labelLeft })
+            class: normalizeClass({ "flex-1": __props.labelLeft })
           }, [
             createElementVNode("div", _hoisted_3$7, [
               withDirectives(createElementVNode("input", mergeProps({
                 ref_key: "inputRef",
                 ref: inputRef,
                 id: inputId.value,
-                name: _ctx.name || void 0,
-                type: isPasswordType.value ? showPassword.value ? "text" : "password" : _ctx.type,
-                disabled: _ctx.disabled,
-                required: _ctx.required,
-                size: _ctx.size,
-                maxlength: _ctx.maxlength,
+                name: __props.name || void 0,
+                type: isPasswordType.value ? showPassword.value ? "text" : "password" : __props.type,
+                disabled: __props.disabled,
+                required: __props.required,
+                size: __props.size,
+                maxlength: __props.maxlength,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
-                "aria-invalid": _ctx.valid === "false" ? "true" : void 0,
+                "aria-invalid": __props.valid === "false" ? "true" : void 0,
                 class: inputClasses.value
               }, _ctx.$attrs, {
-                onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event))
+                onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event)),
+                onKeyup: _cache[2] || (_cache[2] = (ev) => {
+                  _ctx.$emit("keyup", ev);
+                  if (ev.key === "Enter") _ctx.$emit("keyup.enter", ev);
+                })
               }), null, 16, _hoisted_4$6), [
                 [vModelDynamic, internalValue.value]
               ]),
@@ -5262,7 +5312,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   key: 1,
                   name: "bigSuccess"
                 })) : createCommentVNode("", true),
-                _ctx.clearButton && !!internalValue.value && !_ctx.disabled ? (openBlock(), createBlock(_sfc_main$v, {
+                __props.clearButton && !!internalValue.value && !__props.disabled ? (openBlock(), createBlock(_sfc_main$v, {
                   key: 2,
                   icon: "cross",
                   ariaLabel: clearButtonLabel.value,
@@ -5278,12 +5328,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             ])
           ], 2)
         ], 2),
-        showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, toDisplayString(_ctx.invalidMessage), 1)) : createCommentVNode("", true)
+        showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, toDisplayString(__props.invalidMessage), 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$b = ["id"];
+const _hoisted_1$c = ["id"];
 const _hoisted_2$9 = { class: "flex items-center justify-start gap-1 w-[100px]" };
 const _hoisted_3$6 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
 const _hoisted_4$5 = { class: "whitespace-nowrap" };
@@ -5372,7 +5422,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         id: inputId.value
       }, [
         createElementVNode("div", _hoisted_2$9, [
-          _ctx.loading && loadingIndicator.value === "start" ? (openBlock(), createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "start" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 0,
             size: "32px",
             color: "blue"
@@ -5380,12 +5430,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             key: 1,
             icon: "first",
             size: 28,
-            disabled: _ctx.current === 1,
-            ariaDisabled: _ctx.current === 1,
-            class: normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: __props.current === 1,
+            ariaDisabled: __props.current === 1,
+            class: normalizeClass([{ "hidden!": __props.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
             onClick: _cache[0] || (_cache[0] = ($event) => handlePagination("start"))
           }, null, 8, ["disabled", "ariaDisabled", "class"])),
-          _ctx.loading && loadingIndicator.value === "prev" ? (openBlock(), createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "prev" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 2,
             size: "24px",
             color: "blue"
@@ -5393,14 +5443,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             key: 3,
             icon: "arrowLeft",
             size: 28,
-            disabled: _ctx.current === 1,
-            ariaDisabled: _ctx.current === 1,
-            class: normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: __props.current === 1,
+            ariaDisabled: __props.current === 1,
+            class: normalizeClass([{ "hidden!": __props.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
             onClick: _cache[1] || (_cache[1] = ($event) => handlePagination("prev"))
           }, null, 8, ["disabled", "ariaDisabled", "class"]))
         ]),
         createElementVNode("div", _hoisted_3$6, [
-          _ctx.loading && loadingIndicator.value === "input" ? (openBlock(), createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "input" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 0,
             size: "24px",
             color: "blue",
@@ -5410,16 +5460,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$i, {
               value: inputValue.value,
               type: "text",
-              size: _ctx.max.toString().length,
-              maxlength: _ctx.max.toString().length,
+              size: __props.max.toString().length,
+              maxlength: __props.max.toString().length,
               onInput: unref(handlePageChange),
               class: "mb-0! text-center"
             }, null, 8, ["value", "size", "maxlength", "onInput"]),
-            createElementVNode("div", _hoisted_4$5, "/ " + toDisplayString(_ctx.max), 1)
+            createElementVNode("div", _hoisted_4$5, "/ " + toDisplayString(__props.max), 1)
           ], 64))
         ]),
         createElementVNode("div", _hoisted_5$5, [
-          _ctx.loading && loadingIndicator.value === "next" ? (openBlock(), createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "next" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 0,
             size: "24px",
             color: "blue"
@@ -5427,12 +5477,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             key: 1,
             icon: "arrowRight",
             size: 28,
-            disabled: _ctx.current === _ctx.max,
-            ariaDisabled: _ctx.current === _ctx.max,
-            class: normalizeClass([{ "hidden!": _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: __props.current === __props.max,
+            ariaDisabled: __props.current === __props.max,
+            class: normalizeClass([{ "hidden!": __props.current === __props.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
             onClick: _cache[2] || (_cache[2] = ($event) => handlePagination("next"))
           }, null, 8, ["disabled", "ariaDisabled", "class"])),
-          _ctx.loading && loadingIndicator.value === "end" ? (openBlock(), createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "end" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 2,
             size: "24px",
             color: "blue"
@@ -5440,13 +5490,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             key: 3,
             icon: "last",
             size: 28,
-            disabled: _ctx.current === _ctx.max,
-            ariaDisabled: _ctx.current === _ctx.max,
-            class: normalizeClass([{ "hidden!": _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: __props.current === __props.max,
+            ariaDisabled: __props.current === __props.max,
+            class: normalizeClass([{ "hidden!": __props.current === __props.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
             onClick: _cache[3] || (_cache[3] = ($event) => handlePagination("end"))
           }, null, 8, ["disabled", "ariaDisabled", "class"]))
         ])
-      ], 8, _hoisted_1$b);
+      ], 8, _hoisted_1$c);
     };
   }
 });
@@ -5489,7 +5539,7 @@ function useIsPid(value) {
     isPid
   };
 }
-const _hoisted_1$a = { class: "relative block" };
+const _hoisted_1$b = { class: "relative block" };
 const _hoisted_2$8 = {
   key: 0,
   class: "relative"
@@ -5894,18 +5944,18 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         ref: componentRef,
         class: "fds-search-select block mb-6"
       }, [
-        createElementVNode("div", _hoisted_1$a, [
+        createElementVNode("div", _hoisted_1$b, [
           !singleItemName.value.length ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
             createElementVNode("div", _hoisted_3$5, [
               createVNode(_sfc_main$i, {
-                label: _ctx.label,
-                meta: _ctx.meta ?? void 0,
-                labelLeft: _ctx.labelLeft,
+                label: __props.label,
+                meta: __props.meta ?? void 0,
+                labelLeft: __props.labelLeft,
                 class: "relative mb-0! w-full!",
                 valid: valid.value,
-                invalidMessage: _ctx.invalidMessage,
-                disabled: _ctx.disabled,
-                locale: _ctx.locale,
+                invalidMessage: __props.invalidMessage,
+                disabled: __props.disabled,
+                locale: __props.locale,
                 type: "search",
                 value: searchTerm.value,
                 id: inputId,
@@ -5915,7 +5965,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 onInput: handleInput,
                 onClearInput: handleClear
               }, null, 8, ["label", "meta", "labelLeft", "valid", "invalidMessage", "disabled", "locale", "value", "clearButton", "mask"]),
-              !_ctx.disabled && !hasInputValue.value ? (openBlock(), createBlock(_sfc_main$w, {
+              !__props.disabled && !hasInputValue.value ? (openBlock(), createBlock(_sfc_main$w, {
                 key: 0,
                 name: "search",
                 size: 24,
@@ -5923,10 +5973,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true)
             ])
           ])) : (openBlock(), createElementBlock("div", _hoisted_4$4, [
-            createElementVNode("div", _hoisted_5$4, toDisplayString(_ctx.singleItemLabel), 1),
+            createElementVNode("div", _hoisted_5$4, toDisplayString(__props.singleItemLabel), 1),
             createElementVNode("div", null, toDisplayString(singleItemName.value), 1)
           ])),
-          dropdownVisible.value && !singleItemName.value.length && !_ctx.disabled ? (openBlock(), createElementBlock("div", {
+          dropdownVisible.value && !singleItemName.value.length && !__props.disabled ? (openBlock(), createElementBlock("div", {
             key: 2,
             class: normalizeClass(listWrapperClasses.value),
             style: normalizeStyle(listWrapperStyle.value),
@@ -5934,13 +5984,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             "aria-expanded": "false",
             "aria-controls": "select-dropdown"
           }, [
-            _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+            __props.loading ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
               createVNode(_sfc_main$p, {
                 color: "blue",
                 size: "48px"
               })
             ])) : displayedItems.value && displayedItems.value.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              searchTerm.value && searchTerm.value.length ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(displayedItems.value.length) + " " + toDisplayString(_ctx.searchContext.linkWord) + " " + toDisplayString(totalCount.value) + " " + toDisplayString(_ctx.searchContext.context), 1)) : !searchTerm.value.length ? (openBlock(), createElementBlock("div", _hoisted_8$2, toDisplayString(totalCount.value) + " " + toDisplayString(_ctx.searchContext.context), 1)) : createCommentVNode("", true),
+              searchTerm.value && searchTerm.value.length ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(displayedItems.value.length) + " " + toDisplayString(__props.searchContext.linkWord) + " " + toDisplayString(totalCount.value) + " " + toDisplayString(__props.searchContext.context), 1)) : !searchTerm.value.length ? (openBlock(), createElementBlock("div", _hoisted_8$2, toDisplayString(totalCount.value) + " " + toDisplayString(__props.searchContext.context), 1)) : createCommentVNode("", true),
               createElementVNode("ul", {
                 class: "block m-0 list-none p-0",
                 role: "listbox",
@@ -5979,15 +6029,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   ], 42, _hoisted_9$2);
                 }), 128))
               ], 32),
-              _ctx.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (openBlock(), createBlock(_sfc_main$h, {
+              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (openBlock(), createBlock(_sfc_main$h, {
                 key: 2,
-                current: _ctx.page,
+                current: __props.page,
                 max: totalPages.value,
                 onPaginate: handlePagination,
                 class: "my-4! px-2"
               }, null, 8, ["current", "max"])) : createCommentVNode("", true)
-            ], 64)) : !_ctx.loading ? (openBlock(), createElementBlock("ul", _hoisted_12, [
-              createElementVNode("li", _hoisted_13, toDisplayString(_ctx.noResultPrompt), 1)
+            ], 64)) : !__props.loading ? (openBlock(), createElementBlock("ul", _hoisted_12, [
+              createElementVNode("li", _hoisted_13, toDisplayString(__props.noResultPrompt), 1)
             ])) : createCommentVNode("", true)
           ], 6)) : createCommentVNode("", true)
         ])
@@ -5995,11 +6045,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$a = ["aria-live"];
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FdsSticker",
   props: {
     variant: { default: "blue" },
-    bullet: { type: Boolean, default: false }
+    bullet: { type: Boolean, default: false },
+    ariaLive: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -6026,14 +6078,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     ]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(stickerClasses.value)
+        class: normalizeClass(stickerClasses.value),
+        "aria-live": __props.ariaLive
       }, [
-        _ctx.bullet ? (openBlock(), createElementBlock("span", {
+        __props.bullet ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: normalizeClass(bulletDotClasses.value)
         }, null, 2)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 10, _hoisted_1$a);
     };
   }
 });
@@ -6548,26 +6601,26 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("label", mergeProps({
           for: inputId.value,
-          class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
+          class: [innerWrapperClasses.value, { "cursor-not-allowed": __props.disabled }]
         }, _ctx.$attrs), [
           withDirectives(createElementVNode("input", {
             id: inputId.value,
-            name: _ctx.name,
-            value: _ctx.value,
+            name: __props.name,
+            value: __props.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalChecked.value = $event),
-            disabled: _ctx.disabled,
-            required: _ctx.required,
+            disabled: __props.disabled,
+            required: __props.required,
             type: "checkbox",
             class: normalizeClass([checkboxClasses.value])
           }, null, 10, _hoisted_2$7), [
             [vModelCheckbox, internalChecked.value]
           ]),
-          unref(hasLabelSlot) || _ctx.label ? (openBlock(), createElementBlock("span", {
+          unref(hasLabelSlot) || __props.label ? (openBlock(), createElementBlock("span", {
             key: 0,
-            class: normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": _ctx.disabled }])
+            class: normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": __props.disabled }])
           }, [
-            unref(hasLabelSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(_ctx.label), 1)
+            unref(hasLabelSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : __props.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(__props.label), 1)
             ], 64)) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true)
         ], 16, _hoisted_1$9)
@@ -6578,6 +6631,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
 const _hoisted_1$8 = ["for"];
 const _hoisted_2$6 = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "FdsRadio",
   props: /* @__PURE__ */ mergeModels({
     label: { default: void 0 },
@@ -6590,13 +6646,16 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     modelValue: {},
     onKeydown: {},
     onBlur: {},
-    onChange: {}
+    onChange: {},
+    onInput: {},
+    dataTestid: { default: void 0 }
   }, {
     "modelValue": { default: void 0, required: false },
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ mergeModels(["update:modelValue", "change", "input"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    const attrs = useAttrs();
     const modelValue = useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
@@ -6624,35 +6683,39 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       "peer z-2 bg-white min-w-[20px] min-h-[20px] focus-visible:outline-none rounded-full accent-blue-500",
       props.disabled && "cursor-not-allowed"
     ]);
+    const inputAttrs = computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid ?? attrs["data-testid"]
+    }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(wrapperClasses.value)
       }, [
-        createElementVNode("label", mergeProps({
+        createElementVNode("label", {
           for: inputId.value,
-          class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
-        }, _ctx.$attrs), [
-          withDirectives(createElementVNode("input", {
+          class: normalizeClass([innerWrapperClasses.value, { "cursor-not-allowed": __props.disabled }])
+        }, [
+          withDirectives(createElementVNode("input", mergeProps(inputAttrs.value, {
             id: inputId.value,
-            name: _ctx.name,
-            value: _ctx.value,
+            name: __props.name,
+            value: __props.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => radioModel.value = $event),
-            disabled: _ctx.disabled,
-            required: _ctx.required,
+            disabled: __props.disabled,
+            required: __props.required,
             type: "radio",
-            class: normalizeClass([inputClasses.value, "m-[2px]"])
-          }, null, 10, _hoisted_2$6), [
+            class: [inputClasses.value, "m-[2px]"]
+          }), null, 16, _hoisted_2$6), [
             [vModelRadio, radioModel.value]
           ]),
-          unref(hasLabelSlot) || _ctx.label ? (openBlock(), createElementBlock("span", {
+          unref(hasLabelSlot) || __props.label ? (openBlock(), createElementBlock("span", {
             key: 0,
-            class: normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": _ctx.disabled }])
+            class: normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": __props.disabled }])
           }, [
-            unref(hasLabelSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(_ctx.label), 1)
+            unref(hasLabelSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : __props.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(__props.label), 1)
             ], 64)) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true)
-        ], 16, _hoisted_1$8)
+        ], 10, _hoisted_1$8)
       ], 2);
     };
   }
@@ -6883,21 +6946,21 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, null, 8, ["ariaLabel", "icon"])) : createCommentVNode("", true),
             !hasChildrenNodes.value ? (openBlock(), createElementBlock("div", {
               key: 1,
-              style: normalizeStyle({ minWidth: `${_ctx.indentation}px` })
+              style: normalizeStyle({ minWidth: `${__props.indentation}px` })
             }, null, 4)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_2$5, [
               createVNode(_sfc_main$e, {
                 id: `checkbox-${props.nodeId}`,
                 checked: unref(treeState)?.isNodeSelected(props.nodeId),
-                indeterminate: _ctx.showIndeterminate && (unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
+                indeterminate: __props.showIndeterminate && (unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
                 onChange: _cache[1] || (_cache[1] = ($event) => unref(treeState)?.toggleSelectNode(props.nodeId, props.title, props.data))
               }, {
                 default: withCtx(() => [
                   createElementVNode("span", null, [
-                    shouldHighlightSearch.value && _ctx.title ? (openBlock(), createElementBlock("span", {
+                    shouldHighlightSearch.value && __props.title ? (openBlock(), createElementBlock("span", {
                       key: 0,
-                      innerHTML: unref(treeState)?.highlightText(_ctx.title, unref(treeState)?.searchTerm?.value)
-                    }, null, 8, _hoisted_3$4)) : (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(_ctx.title), 1))
+                      innerHTML: unref(treeState)?.highlightText(__props.title, unref(treeState)?.searchTerm?.value)
+                    }, null, 8, _hoisted_3$4)) : (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(__props.title), 1))
                   ]),
                   childCount.value !== null ? (openBlock(), createElementBlock("span", _hoisted_5$3, " (+" + toDisplayString(childCount.value) + ")", 1)) : createCommentVNode("", true)
                 ]),
@@ -6911,7 +6974,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 icon: "more",
                 size: 24,
                 onClick: togglePopover,
-                ariaLabel: `Fler val för ${_ctx.title}`,
+                ariaLabel: `Fler val för ${__props.title}`,
                 class: "items-center"
               }, null, 8, ["ariaLabel"]),
               createVNode(Transition, {
@@ -6995,17 +7058,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               indentation: props.indentation,
               nodeExpandIcon: props.nodeExpandIcon,
               nodeCollapseIcon: props.nodeCollapseIcon,
-              showNodeDescription: _ctx.showNodeDescription,
-              showChildrenCount: _ctx.showChildrenCount,
-              expandChildrenOnSelect: _ctx.expandChildrenOnSelect,
-              showIndeterminate: _ctx.showIndeterminate,
-              showIndeterminateOnlyOnChildrenSelection: _ctx.showIndeterminateOnlyOnChildrenSelection,
-              expandChildrenOnParentCheck: _ctx.expandChildrenOnParentCheck,
-              expandAllChildrenOnParentCheck: _ctx.expandAllChildrenOnParentCheck,
-              searchEnabled: _ctx.searchEnabled,
-              searchExpandNodes: _ctx.searchExpandNodes,
-              searchMatchParams: _ctx.searchMatchParams,
-              searchHighlighting: _ctx.searchHighlighting,
+              showNodeDescription: __props.showNodeDescription,
+              showChildrenCount: __props.showChildrenCount,
+              expandChildrenOnSelect: __props.expandChildrenOnSelect,
+              showIndeterminate: __props.showIndeterminate,
+              showIndeterminateOnlyOnChildrenSelection: __props.showIndeterminateOnlyOnChildrenSelection,
+              expandChildrenOnParentCheck: __props.expandChildrenOnParentCheck,
+              expandAllChildrenOnParentCheck: __props.expandAllChildrenOnParentCheck,
+              searchEnabled: __props.searchEnabled,
+              searchExpandNodes: __props.searchExpandNodes,
+              searchMatchParams: __props.searchMatchParams,
+              searchHighlighting: __props.searchHighlighting,
               titleTemplate: props.titleTemplate,
               popoverLabels: props.popoverLabels
             }, null, 8, ["nodes", "title", "nodeId", "data", "depth", "indentation", "nodeExpandIcon", "nodeCollapseIcon", "showNodeDescription", "showChildrenCount", "expandChildrenOnSelect", "showIndeterminate", "showIndeterminateOnlyOnChildrenSelection", "expandChildrenOnParentCheck", "expandAllChildrenOnParentCheck", "searchEnabled", "searchExpandNodes", "searchMatchParams", "searchHighlighting", "titleTemplate", "popoverLabels"]);
@@ -7031,11 +7094,16 @@ function useElementFinalSize(elementRef, onFinalSize, delay = 100) {
   });
 }
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "FdsText",
   props: {
-    type: { default: "default" }
+    type: { default: "default" },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
+    const attrs = useAttrs();
     const props = __props;
     const textClasses = computed(() => {
       const baseClasses = "inline-block";
@@ -7047,12 +7115,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }
       return baseClasses;
     });
+    const spanAttrs = computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid
+    }));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(textClasses.value)
-      }, [
+      return openBlock(), createElementBlock("span", mergeProps(spanAttrs.value, { class: textClasses.value }), [
         renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 16);
     };
   }
 });
@@ -7277,12 +7347,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ref: contentRef,
           class: normalizeClass(["content", { open: isOpen.value }]),
           style: normalizeStyle({ maxWidth: `${containerWidth.value}px` })
-        }, toDisplayString(_ctx.content), 7)),
+        }, toDisplayString(__props.content), 7)),
         shouldShowButton.value ? (openBlock(), createBlock(_sfc_main$o, {
           key: 2,
           icon: isOpen.value ? "arrowUp" : "arrowDown",
           iconPos: "right",
-          text: isOpen.value ? _ctx.btnCollapse : _ctx.btnExpand,
+          text: isOpen.value ? __props.btnCollapse : __props.btnExpand,
           onClick: toggleComponent
         }, null, 8, ["icon", "text"])) : createCommentVNode("", true)
       ]);
@@ -7361,26 +7431,26 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        _ctx.label ? (openBlock(), createElementBlock("label", {
+        __props.label ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: selectId.value,
-          class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-        }, toDisplayString(_ctx.label), 11, _hoisted_2$3)) : createCommentVNode("", true),
-        _ctx.meta ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(_ctx.meta), 1)) : createCommentVNode("", true),
+          class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
+        }, toDisplayString(__props.label), 11, _hoisted_2$3)) : createCommentVNode("", true),
+        __props.meta ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(__props.meta), 1)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_4$2, [
           withDirectives(createElementVNode("select", mergeProps({
             id: selectId.value,
-            name: _ctx.name || void 0,
-            disabled: _ctx.disabled,
+            name: __props.name || void 0,
+            disabled: __props.disabled,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
-            "aria-invalid": _ctx.valid === "false" ? "true" : void 0,
+            "aria-invalid": __props.valid === "false" ? "true" : void 0,
             class: selectClasses.value
           }, _ctx.$attrs, {
             onChange: handleChange,
             onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
           }), [
-            _ctx.placeholder && !hasDefaultSlot.value ? (openBlock(), createElementBlock("option", _hoisted_6$1, toDisplayString(_ctx.placeholder), 1)) : createCommentVNode("", true),
-            !hasDefaultSlot.value && _ctx.options ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.options, (option) => {
+            __props.placeholder && !hasDefaultSlot.value ? (openBlock(), createElementBlock("option", _hoisted_6$1, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
+            !hasDefaultSlot.value && __props.options ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.options, (option) => {
               return openBlock(), createElementBlock("option", {
                 key: option.value,
                 value: option.value,
@@ -7395,14 +7465,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               name: "arrowDown",
               size: 24,
               class: normalizeClass({
-                "fill-gray-500": _ctx.disabled,
-                "fill-red-500": isInvalid.value && !_ctx.disabled,
-                "fill-blue-500": !_ctx.disabled && !isInvalid.value
+                "fill-gray-500": __props.disabled,
+                "fill-red-500": isInvalid.value && !__props.disabled,
+                "fill-blue-500": !__props.disabled && !isInvalid.value
               })
             }, null, 8, ["class"])
           ])
         ]),
-        showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(_ctx.invalidMessage), 1)) : createCommentVNode("", true)
+        showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(__props.invalidMessage), 1)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -7469,20 +7539,20 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1$3, [
-          _ctx.label ? (openBlock(), createElementBlock("label", {
+          __props.label ? (openBlock(), createElementBlock("label", {
             key: 0,
             for: textareaId.value,
-            class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-          }, toDisplayString(_ctx.label), 11, _hoisted_2$2)) : createCommentVNode("", true),
-          _ctx.meta ? (openBlock(), createElementBlock("div", _hoisted_3$1, toDisplayString(_ctx.meta), 1)) : createCommentVNode("", true),
+            class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
+          }, toDisplayString(__props.label), 11, _hoisted_2$2)) : createCommentVNode("", true),
+          __props.meta ? (openBlock(), createElementBlock("div", _hoisted_3$1, toDisplayString(__props.meta), 1)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_4$1, [
             withDirectives(createElementVNode("textarea", mergeProps({
               id: textareaId.value,
-              name: _ctx.name || void 0,
-              disabled: _ctx.disabled,
-              rows: _ctx.rows,
+              name: __props.name || void 0,
+              disabled: __props.disabled,
+              rows: __props.rows,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
-              "aria-invalid": _ctx.valid === "false" ? "true" : void 0,
+              "aria-invalid": __props.valid === "false" ? "true" : void 0,
               class: inputClasses.value
             }, _ctx.$attrs, {
               onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
@@ -7503,7 +7573,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true)
             ], 2)
           ]),
-          showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(_ctx.invalidMessage), 1)) : createCommentVNode("", true)
+          showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.invalidMessage), 1)) : createCommentVNode("", true)
         ]),
         isValid.value ? (openBlock(), createElementBlock("div", _hoisted_7, "OK")) : createCommentVNode("", true)
       ], 64);
@@ -7542,9 +7612,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   props: {
     heading: { default: void 0 },
     align: { default: "left" },
-    icon: { default: void 0 }
+    icon: { default: void 0 },
+    onClick: {}
   },
-  emits: ["sort"],
+  emits: ["sort", "click"],
   setup(__props) {
     const props = __props;
     const hasSlot = useHasSlot();
@@ -7564,7 +7635,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }, [
           unref(hasSlot) ? (openBlock(), createElementBlock("span", _hoisted_2$1, [
             renderSlot(_ctx.$slots, "default")
-          ])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.heading), 1)),
+          ])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.heading), 1)),
           createVNode(_sfc_main$w, {
             name: iconName.value,
             size: "24px",
@@ -7576,7 +7647,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }, [
           unref(hasSlot) ? (openBlock(), createElementBlock("span", _hoisted_4, [
             renderSlot(_ctx.$slots, "default")
-          ])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(_ctx.heading), 1))
+          ])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.heading), 1))
         ], 2))
       ]);
     };
@@ -7621,10 +7692,26 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     active: { type: Boolean, default: void 0 },
     exact: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
-    label: { default: void 0 }
+    label: { default: void 0 },
+    onClick: {},
+    dataTestid: { default: void 0 }
   },
-  setup(__props) {
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
     const attrs = useAttrs();
+    const emit = __emit;
+    const onClick = (ev) => {
+      if (props.disabled) {
+        ev.preventDefault();
+        return;
+      }
+      emit("click", ev);
+    };
+    const handleClick = (ev) => {
+      if (componentType.value === "button" && !props.disabled) {
+        onClick(ev);
+      }
+    };
     const instance = getCurrentInstance();
     const route = computed(() => {
       try {
@@ -7668,7 +7755,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     const componentAttrs = computed(() => ({
       ...linkAttrs.value,
-      ...attrs
+      ...attrs,
+      "data-testid": props.dataTestid
     }));
     const baseClasses = computed(() => {
       const blockClasses = block ? "flex flex-1" : "";
@@ -7699,14 +7787,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps(componentAttrs.value, {
         class: buttonClasses.value,
-        disabled: componentType.value === "button" ? _ctx.disabled : void 0,
-        "aria-disabled": _ctx.disabled,
-        "aria-current": isActive.value ? "page" : void 0
+        disabled: componentType.value === "button" ? __props.disabled : void 0,
+        "aria-disabled": __props.disabled,
+        "aria-current": isActive.value ? "page" : void 0,
+        onClick: handleClick
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
-          ])
+          createTextVNode(toDisplayString(__props.label) + " ", 1),
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
       }, 16, ["class", "disabled", "aria-disabled", "aria-current"]);
@@ -7752,11 +7840,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return responsiveMap[element];
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.type), {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.type), {
         class: normalizeClass(headingClasses.value)
       }, {
         default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.text), 1)
+          createTextVNode(toDisplayString(__props.text), 1)
         ]),
         _: 1
       }, 8, ["class"]);
@@ -7806,7 +7894,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        _ctx.loading ? (openBlock(), createBlock(_sfc_main$p, {
+        __props.loading ? (openBlock(), createBlock(_sfc_main$p, {
           key: 0,
           size: "24px",
           color: "blue",