fds-vue-core 2.1.11 → 2.1.16

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

@@ -522,7 +522,7 @@ const icons = {
       </defs>
     </svg>`
 };
-const _hoisted_1$q = ["innerHTML"];
+const _hoisted_1$r = ["innerHTML"];
 const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsIcon",
   props: {
@@ -549,11 +549,11 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         class: "inline-flex items-center justify-center align-middle",
         style: vue.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__ */ vue.defineComponent({
   __name: "FdsButtonIcon",
   props: {
@@ -585,29 +585,29 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.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: vue.normalizeClass(buttonClasses.value),
         onClick
       }, [
-        !_ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+        !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
           key: 0,
           size: iconSize.value,
-          name: _ctx.icon
+          name: __props.icon
         }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.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 = {
@@ -665,9 +665,9 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", null, [
           vue.createElementVNode("div", null, [
-            _ctx.label ? (vue.openBlock(), vue.createElementBlock("div", {
+            __props.label ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: vue.normalizeClass(["font-bold w-full justify-between items-center h-[24px] flex gap-2", { "mb-4": (isExpanded.value || !_ctx.collapsable) && vue.unref(hasSlot) }])
+              class: vue.normalizeClass(["font-bold w-full justify-between items-center h-[24px] flex gap-2", { "mb-4": (isExpanded.value || !__props.collapsable) && vue.unref(hasSlot) }])
             }, [
               vue.createElementVNode("div", _hoisted_2$k, [
                 vue.createVNode(_sfc_main$w, {
@@ -675,10 +675,10 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                   size: 24,
                   class: "fill-yellow-700"
                 }),
-                vue.createElementVNode("span", null, vue.toDisplayString(_ctx.label), 1)
+                vue.createElementVNode("span", null, vue.toDisplayString(__props.label), 1)
               ]),
               vue.createElementVNode("div", _hoisted_3$b, [
-                _ctx.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
+                __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
                   key: 0,
                   icon: "cross",
                   size: 24,
@@ -686,7 +686,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                   ariaLabel: closeLabel.value,
                   class: vue.normalizeClass(["fill-gray-900! hover:bg-gray-100 active:bg-gray-200"])
                 }, null, 8, ["ariaLabel"])) : vue.createCommentVNode("", true),
-                _ctx.collapsable ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
+                __props.collapsable ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
                   key: 1,
                   icon: "arrowDown",
                   size: 24,
@@ -700,23 +700,23 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                 }, null, 8, ["ariaLabel", "class"])) : vue.createCommentVNode("", true)
               ])
             ], 2)) : vue.createCommentVNode("", true),
-            isExpanded.value || !_ctx.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, [
+            isExpanded.value || !__props.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, [
               vue.renderSlot(_ctx.$slots, "default")
             ])) : vue.createCommentVNode("", true)
           ])
         ])
-      ], 10, _hoisted_1$o)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$p)) : vue.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__ */ vue.defineComponent({
   __name: "FdsBlockContent",
   props: {
@@ -753,43 +753,57 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(contentClasses.value),
         style: vue.normalizeStyle(borderLeftStyle.value)
       }, [
-        _ctx.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$j, [
+        __props.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$j, [
           vue.createElementVNode("div", _hoisted_3$a, [
             vue.createElementVNode("h3", {
               class: vue.normalizeClass(headerClasses.value)
-            }, vue.toDisplayString(_ctx.heading), 3)
+            }, vue.toDisplayString(__props.heading), 3)
           ]),
           vue.createElementVNode("div", _hoisted_4$9, [
             vue.renderSlot(_ctx.$slots, "headerInfo")
           ])
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_5$8, [
+        vue.createElementVNode("div", _hoisted_5$9, [
           vue.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__ */ vue.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 = vue.useAttrs();
     const props = __props;
+    const hasExtraRowSlot = useHasSlot("extra-row");
     const emit = __emit;
     const isOpen = vue.ref(props.open);
+    const autoId = `fds-block-expander-${Math.random().toString(36).slice(2, 9)}`;
+    const blockExpanderId = vue.computed(() => props.id ?? autoId);
     vue.watch(
       () => props.open,
       (newValue) => {
@@ -801,10 +815,17 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       props.disabled && "shadow-none border-2 border-gray-200 border-dashed"
     ]);
     const headerClasses = vue.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 = vue.computed(() => ["flex justify-between items-start w-full", hasExtraRowSlot.value ? "" : ""]);
+    const buttonAttrs = vue.computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid,
+      id: blockExpanderId.value
+    }));
     function handleToggle() {
       if (props.disabled) return;
       isOpen.value = !isOpen.value;
@@ -814,44 +835,53 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(expanderClasses.value)
       }, [
-        vue.createElementVNode("button", {
+        vue.createElementVNode("button", vue.mergeProps(buttonAttrs.value, {
           type: "button",
-          class: vue.normalizeClass(headerClasses.value),
+          class: headerClasses.value,
           onClick: handleToggle
-        }, [
-          vue.createElementVNode("span", _hoisted_1$m, [
-            _ctx.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$i, [
+        }), [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(buttonRowClasses.value)
+          }, [
+            vue.createElementVNode("span", _hoisted_1$n, [
+              vue.createElementVNode("span", _hoisted_2$i, [
+                __props.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, [
+                  vue.createVNode(_sfc_main$w, {
+                    name: __props.preIcon,
+                    size: 24,
+                    class: vue.normalizeClass(["fill-blue-500", { "fill-gray-500": __props.disabled }])
+                  }, null, 8, ["name", "class"])
+                ])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("span", _hoisted_4$8, [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500": __props.disabled }])
+                  }, vue.toDisplayString(__props.label), 3)
+                ])
+              ]),
               vue.createVNode(_sfc_main$w, {
-                name: _ctx.preIcon,
+                name: "arrowDown",
                 size: 24,
-                class: vue.normalizeClass(["fill-blue-500", { "fill-gray-500": _ctx.disabled }])
-              }, null, 8, ["name", "class"])
-            ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_3$9, [
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500": _ctx.disabled }])
-              }, vue.toDisplayString(_ctx.label), 3)
+                class: vue.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"])
             ])
-          ]),
-          vue.createVNode(_sfc_main$w, {
-            name: "arrowDown",
-            size: 24,
-            class: vue.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),
+          vue.unref(hasExtraRowSlot) && !isOpen.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$8, [
+            vue.renderSlot(_ctx.$slots, "extra-row")
+          ])) : vue.createCommentVNode("", true)
+        ], 16),
         vue.withDirectives(vue.createElementVNode("div", {
           "aria-hidden": !isOpen.value,
           class: "mb-0-last-child block px-4 pb-6 rounded-b-2xl bg-white"
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_4$8), [
+        ], 8, _hoisted_6$5), [
           [vue.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"
@@ -902,16 +932,16 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         id: contentBlockId.value,
         class: vue.normalizeClass(contentClasses.value)
       }, [
-        _ctx.size === "large" && _ctx.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
+        __props.size === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
           vue.createVNode(_sfc_main$w, {
-            name: _ctx.icon,
+            name: __props.icon,
             size: largeIconSize,
             class: "fill-blue-500"
           }, null, 8, ["name"]),
           vue.createElementVNode("div", _hoisted_3$8, [
-            _ctx.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, [
+            __props.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, [
               vue.createElementVNode("header", _hoisted_5$7, [
-                vue.createElementVNode("h3", _hoisted_6$4, vue.toDisplayString(_ctx.heading), 1),
+                vue.createElementVNode("h3", _hoisted_6$4, vue.toDisplayString(__props.heading), 1),
                 vue.createElementVNode("div", _hoisted_7$4, [
                   vue.renderSlot(_ctx.$slots, "headerInfo")
                 ])
@@ -922,19 +952,19 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ])
         ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3, [
-          _ctx.heading ? (vue.openBlock(), vue.createElementBlock("div", {
+          __props.heading ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass({ "mb-4": vue.unref(hasSlot) })
           }, [
             vue.createElementVNode("header", _hoisted_10$1, [
               vue.createElementVNode("div", _hoisted_11$1, [
-                _ctx.icon && _ctx.size === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                __props.icon && __props.size === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                   key: 0,
-                  name: _ctx.icon,
+                  name: __props.icon,
                   size: smallIconSize,
                   class: "fill-blue-500"
                 }, null, 8, ["name"])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("h3", _hoisted_12$1, vue.toDisplayString(_ctx.heading), 1)
+                vue.createElementVNode("h3", _hoisted_12$1, vue.toDisplayString(__props.heading), 1)
               ]),
               vue.createElementVNode("div", _hoisted_13$1, [
                 vue.renderSlot(_ctx.$slots, "headerInfo")
@@ -945,11 +975,11 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             vue.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"
@@ -971,7 +1001,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.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 }) {
@@ -1021,7 +1052,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     });
     const componentAttrs = vue.computed(() => ({
       ...linkAttrs.value,
-      ...attrs
+      ...attrs,
+      "data-testid": props.dataTestid
     }));
     const componentType = vue.computed(() => {
       if (props.as) return props.as;
@@ -1031,22 +1063,21 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentType.value), vue.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: vue.withCtx(() => [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["flex w-full flex-1", contentClasses.value])
           }, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+            __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
               key: 0,
-              name: _ctx.icon,
+              name: __props.icon,
               size: 24,
               class: vue.normalizeClass(["flex items-center justify-center w-6 h-6 fill-blue-500", iconClasses.value])
             }, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
@@ -1058,12 +1089,12 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.createElementVNode("h3", {
                   class: vue.normalizeClass(["flex-1 font-heading text-lg tracking-normal m-0 leading-md", headerTextClasses.value])
-                }, vue.toDisplayString(_ctx.label), 3)
+                }, vue.toDisplayString(__props.label), 3)
               ], 2),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(slotWrapperClasses.value)
               }, [
-                vue.createElementVNode("div", _hoisted_1$k, [
+                vue.createElementVNode("div", _hoisted_1$l, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ]),
                 vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
@@ -1072,7 +1103,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               ], 2)
             ], 2)
           ], 2),
-          _ctx.arrow ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+          __props.arrow ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
             key: 0,
             name: "arrowRight",
             size: 20,
@@ -1080,11 +1111,11 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["class"])) : vue.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__ */ vue.defineComponent({
   __name: "FdsSpinner",
   props: {
@@ -1116,7 +1147,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(wrapperClasses.value),
         role: "status",
-        "aria-label": _ctx.label || "Laddar"
+        "aria-label": __props.label || "Laddar"
       }, [
         vue.createElementVNode("div", {
           class: "relative",
@@ -1153,15 +1184,15 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
             }, null, -1)
           ])], 2))
         ], 4),
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("div", {
+        __props.label ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass(_ctx.labelPosition === "bottom" ? "font-bold" : "")
-        }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$j);
+          class: vue.normalizeClass(__props.labelPosition === "bottom" ? "font-bold" : "")
+        }, vue.toDisplayString(__props.label), 3)) : vue.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__ */ vue.defineComponent({
@@ -1185,6 +1216,9 @@ const _sfc_main$o = /* @__PURE__ */ vue.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"],
@@ -1230,42 +1264,42 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(rootClasses.value),
-        "aria-disabled": _ctx.disabled ? "true" : void 0
+        "aria-disabled": __props.disabled ? "true" : void 0
       }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.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,
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.as), vue.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: vue.withCtx(() => [
-            _ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
               key: 0,
               class: "mr-2",
               size: "24px",
               color: "inherit"
-            })) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", {
+            })) : __props.icon ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
               vue.createVNode(_sfc_main$w, {
                 class: vue.normalizeClass(iconFillClass2.value),
-                name: _ctx.icon,
+                name: __props.icon,
                 size: 24
               }, null, 8, ["class", "name"])
             ], 2)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_2$f, vue.toDisplayString(_ctx.text), 1)
+            vue.createElementVNode("span", _hoisted_2$f, vue.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"
 };
@@ -1332,7 +1366,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
         vue.createVNode(_sfc_main$w, { name: "bigSuccess" }),
         vue.createElementVNode("span", null, vue.toDisplayString(props.copiedLabel), 1)
       ])) : (vue.openBlock(), vue.createBlock(_sfc_main$o, {
@@ -1346,7 +1380,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$g = ["aria-disabled"];
+const _hoisted_1$h = ["aria-disabled"];
 const _hoisted_2$e = ["disabled"];
 const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -1360,10 +1394,13 @@ const _sfc_main$m = /* @__PURE__ */ vue.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 = vue.useAttrs();
     const props = __props;
     const emit = __emit;
     const isDownloading = vue.ref(false);
@@ -1389,6 +1426,11 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
       isDownloading.value ? "cursor-not-allowed text-gray-500" : "cursor-pointer text-blue-600"
     ]);
     const iconFillClass2 = vue.computed(() => isDownloading.value ? "fill-gray-500" : "fill-blue-500");
+    const buttonAttrs = vue.computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid,
+      "aria-label": props.ariaLabel
+    }));
     async function handleDownload(ev) {
       if (props.disabled || props.loading || isDownloading.value) {
         ev.preventDefault();
@@ -1468,11 +1510,11 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(rootClasses.value),
-        "aria-disabled": _ctx.disabled ? "true" : void 0
+        "aria-disabled": __props.disabled ? "true" : void 0
       }, [
-        vue.createElementVNode("button", vue.mergeProps(_ctx.$attrs, {
+        vue.createElementVNode("button", vue.mergeProps(buttonAttrs.value, {
           class: buttonClasses.value,
-          disabled: _ctx.disabled || _ctx.loading || isDownloading.value,
+          disabled: __props.disabled || __props.loading || isDownloading.value,
           type: "button",
           onClick
         }), [
@@ -1486,13 +1528,13 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
               size: 24
             }, null, 8, ["class"])
           ], 2),
-          vue.createTextVNode(" " + vue.toDisplayString(_ctx.text), 1)
+          vue.createTextVNode(" " + vue.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";
@@ -1514,6 +1556,10 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     target: {},
     rel: {},
     type: { default: "button" },
+    invert: { type: Boolean },
+    dataTestid: {},
+    ariaLabel: {},
+    ariaExpanded: { type: Boolean },
     onClick: {}
   },
   emits: ["click"],
@@ -1545,10 +1591,6 @@ const _sfc_main$l = /* @__PURE__ */ vue.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 = vue.computed(() => {
@@ -1559,39 +1601,39 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(rootClasses.value),
-        "aria-disabled": _ctx.disabled ? "true" : void 0
+        "aria-disabled": __props.disabled ? "true" : void 0
       }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps(linkAttrs.value, {
-          type: _ctx.as === "button" ? _ctx.type : void 0,
-          disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.as), vue.mergeProps(linkAttrs.value, {
+          type: __props.as === "button" ? __props.type : void 0,
+          disabled: __props.as === "button" ? __props.disabled : void 0,
           class: buttonClasses.value,
           onClick
         }), {
           default: vue.withCtx(() => [
-            _ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
               key: 0,
               size: "24px",
               color: "inherit"
-            })) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", {
+            })) : __props.icon ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
               vue.createVNode(_sfc_main$w, {
                 class: vue.normalizeClass(iconFillClass$1),
-                name: _ctx.icon,
+                name: __props.icon,
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : vue.createCommentVNode("", true),
-            _ctx.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$d, vue.toDisplayString(_ctx.text), 1)) : vue.createCommentVNode("", true)
+            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$d, vue.toDisplayString(__props.text), 1)) : vue.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";
@@ -1613,6 +1655,10 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     target: {},
     rel: {},
     type: { default: "button" },
+    invert: { type: Boolean },
+    dataTestid: {},
+    ariaLabel: {},
+    ariaExpanded: { type: Boolean },
     onClick: {}
   },
   emits: ["click"],
@@ -1654,39 +1700,39 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(rootClasses.value),
-        "aria-disabled": _ctx.disabled ? "true" : void 0
+        "aria-disabled": __props.disabled ? "true" : void 0
       }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps(linkAttrs.value, {
-          type: _ctx.as === "button" ? _ctx.type : void 0,
-          disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.as), vue.mergeProps(linkAttrs.value, {
+          type: __props.as === "button" ? __props.type : void 0,
+          disabled: __props.as === "button" ? __props.disabled : void 0,
           class: buttonClasses.value,
           onClick
         }), {
           default: vue.withCtx(() => [
-            _ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
               key: 0,
               size: "24px",
               color: "inherit"
-            })) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", {
+            })) : __props.icon ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
               vue.createVNode(_sfc_main$w, {
                 class: vue.normalizeClass(iconFillClass),
-                name: _ctx.icon,
+                name: __props.icon,
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : vue.createCommentVNode("", true),
-            _ctx.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, vue.toDisplayString(_ctx.text), 1)) : vue.createCommentVNode("", true)
+            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, vue.toDisplayString(__props.text), 1)) : vue.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__ */ vue.defineComponent({
   __name: "FdsModal",
@@ -1867,7 +1913,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
             }, ["stop"]))
           }, [
-            vue.createElementVNode("div", _hoisted_1$d, [
+            vue.createElementVNode("div", _hoisted_1$e, [
               vue.createElementVNode("h3", {
                 tabindex: "-1",
                 class: vue.normalizeClass(headerTitleClasses.value)
@@ -1878,9 +1924,9 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                   size: 24,
                   class: vue.normalizeClass(iconClasses.value)
                 }, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
-                vue.createTextVNode(" " + vue.toDisplayString(_ctx.heading), 1)
+                vue.createTextVNode(" " + vue.toDisplayString(__props.heading), 1)
               ], 2),
-              !_ctx.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
+              !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
                 key: 0,
                 icon: "cross",
                 size: 28,
@@ -5075,7 +5121,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"];
@@ -5113,7 +5159,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     "modelValue": { default: void 0, required: false },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["input", "clearInput", "update:value"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["input", "clearInput", "update:value", "keyup", "keyup.enter"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
@@ -5215,40 +5261,44 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
         vue.createElementVNode("div", {
-          class: vue.normalizeClass({ "flex flex-row gap-4": _ctx.labelLeft })
+          class: vue.normalizeClass({ "flex flex-row gap-4": __props.labelLeft })
         }, [
           vue.createElementVNode("div", null, [
-            _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
               key: 0,
               for: inputId.value,
-              class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-            }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$a)) : vue.createCommentVNode("", true),
-            _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", {
+              class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
+            }, vue.toDisplayString(__props.label), 11, _hoisted_2$a)) : vue.createCommentVNode("", true),
+            __props.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
-              class: vue.normalizeClass(["font-thin", { "mb-1": !_ctx.labelLeft }])
-            }, vue.toDisplayString(_ctx.meta), 3)) : vue.createCommentVNode("", true)
+              class: vue.normalizeClass(["font-thin", { "mb-1": !__props.labelLeft }])
+            }, vue.toDisplayString(__props.meta), 3)) : vue.createCommentVNode("", true)
           ]),
           vue.createElementVNode("div", {
-            class: vue.normalizeClass({ "flex-1": _ctx.labelLeft })
+            class: vue.normalizeClass({ "flex-1": __props.labelLeft })
           }, [
             vue.createElementVNode("div", _hoisted_3$7, [
               vue.withDirectives(vue.createElementVNode("input", vue.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), [
                 [vue.vModelDynamic, internalValue.value]
               ]),
@@ -5264,7 +5314,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                   key: 1,
                   name: "bigSuccess"
                 })) : vue.createCommentVNode("", true),
-                _ctx.clearButton && !!internalValue.value && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
+                __props.clearButton && !!internalValue.value && !__props.disabled ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
                   key: 2,
                   icon: "cross",
                   ariaLabel: clearButtonLabel.value,
@@ -5280,12 +5330,12 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             ])
           ], 2)
         ], 2),
-        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
+        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, vue.toDisplayString(__props.invalidMessage), 1)) : vue.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" };
@@ -5374,7 +5424,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         id: inputId.value
       }, [
         vue.createElementVNode("div", _hoisted_2$9, [
-          _ctx.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
             key: 0,
             size: "32px",
             color: "blue"
@@ -5382,12 +5432,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             key: 1,
             icon: "first",
             size: 28,
-            disabled: _ctx.current === 1,
-            ariaDisabled: _ctx.current === 1,
-            class: vue.normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: __props.current === 1,
+            ariaDisabled: __props.current === 1,
+            class: vue.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" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "prev" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
             key: 2,
             size: "24px",
             color: "blue"
@@ -5395,14 +5445,14 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             key: 3,
             icon: "arrowLeft",
             size: 28,
-            disabled: _ctx.current === 1,
-            ariaDisabled: _ctx.current === 1,
-            class: vue.normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: __props.current === 1,
+            ariaDisabled: __props.current === 1,
+            class: vue.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"]))
         ]),
         vue.createElementVNode("div", _hoisted_3$6, [
-          _ctx.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
             key: 0,
             size: "24px",
             color: "blue",
@@ -5412,16 +5462,16 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             vue.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: vue.unref(handlePageChange),
               class: "mb-0! text-center"
             }, null, 8, ["value", "size", "maxlength", "onInput"]),
-            vue.createElementVNode("div", _hoisted_4$5, "/ " + vue.toDisplayString(_ctx.max), 1)
+            vue.createElementVNode("div", _hoisted_4$5, "/ " + vue.toDisplayString(__props.max), 1)
           ], 64))
         ]),
         vue.createElementVNode("div", _hoisted_5$5, [
-          _ctx.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
             key: 0,
             size: "24px",
             color: "blue"
@@ -5429,12 +5479,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             key: 1,
             icon: "arrowRight",
             size: 28,
-            disabled: _ctx.current === _ctx.max,
-            ariaDisabled: _ctx.current === _ctx.max,
-            class: vue.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: vue.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" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "end" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
             key: 2,
             size: "24px",
             color: "blue"
@@ -5442,13 +5492,13 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             key: 3,
             icon: "last",
             size: 28,
-            disabled: _ctx.current === _ctx.max,
-            ariaDisabled: _ctx.current === _ctx.max,
-            class: vue.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: vue.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);
     };
   }
 });
@@ -5491,7 +5541,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"
@@ -5896,18 +5946,18 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         ref: componentRef,
         class: "fds-search-select block mb-6"
       }, [
-        vue.createElementVNode("div", _hoisted_1$a, [
+        vue.createElementVNode("div", _hoisted_1$b, [
           !singleItemName.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
             vue.createElementVNode("div", _hoisted_3$5, [
               vue.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,
@@ -5917,7 +5967,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                 onInput: handleInput,
                 onClearInput: handleClear
               }, null, 8, ["label", "meta", "labelLeft", "valid", "invalidMessage", "disabled", "locale", "value", "clearButton", "mask"]),
-              !_ctx.disabled && !hasInputValue.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+              !__props.disabled && !hasInputValue.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                 key: 0,
                 name: "search",
                 size: 24,
@@ -5925,10 +5975,10 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               })) : vue.createCommentVNode("", true)
             ])
           ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
-            vue.createElementVNode("div", _hoisted_5$4, vue.toDisplayString(_ctx.singleItemLabel), 1),
+            vue.createElementVNode("div", _hoisted_5$4, vue.toDisplayString(__props.singleItemLabel), 1),
             vue.createElementVNode("div", null, vue.toDisplayString(singleItemName.value), 1)
           ])),
-          dropdownVisible.value && !singleItemName.value.length && !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("div", {
+          dropdownVisible.value && !singleItemName.value.length && !__props.disabled ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 2,
             class: vue.normalizeClass(listWrapperClasses.value),
             style: vue.normalizeStyle(listWrapperStyle.value),
@@ -5936,13 +5986,13 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             "aria-expanded": "false",
             "aria-controls": "select-dropdown"
           }, [
-            _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
+            __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
               vue.createVNode(_sfc_main$p, {
                 color: "blue",
                 size: "48px"
               })
             ])) : displayedItems.value && displayedItems.value.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              searchTerm.value && searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, vue.toDisplayString(displayedItems.value.length) + " " + vue.toDisplayString(_ctx.searchContext.linkWord) + " " + vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(_ctx.searchContext.context), 1)) : !searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(_ctx.searchContext.context), 1)) : vue.createCommentVNode("", true),
+              searchTerm.value && searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, vue.toDisplayString(displayedItems.value.length) + " " + vue.toDisplayString(__props.searchContext.linkWord) + " " + vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 1)) : !searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 1)) : vue.createCommentVNode("", true),
               vue.createElementVNode("ul", {
                 class: "block m-0 list-none p-0",
                 role: "listbox",
@@ -5981,15 +6031,15 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                   ], 42, _hoisted_9$2);
                 }), 128))
               ], 32),
-              _ctx.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$h, {
+              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("", true)
-            ], 64)) : !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_12, [
-              vue.createElementVNode("li", _hoisted_13, vue.toDisplayString(_ctx.noResultPrompt), 1)
+            ], 64)) : !__props.loading ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_12, [
+              vue.createElementVNode("li", _hoisted_13, vue.toDisplayString(__props.noResultPrompt), 1)
             ])) : vue.createCommentVNode("", true)
           ], 6)) : vue.createCommentVNode("", true)
         ])
@@ -5997,11 +6047,13 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1$a = ["aria-live"];
 const _sfc_main$f = /* @__PURE__ */ vue.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;
@@ -6028,14 +6080,15 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     ]);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(stickerClasses.value)
+        class: vue.normalizeClass(stickerClasses.value),
+        "aria-live": __props.ariaLive
       }, [
-        _ctx.bullet ? (vue.openBlock(), vue.createElementBlock("span", {
+        __props.bullet ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: vue.normalizeClass(bulletDotClasses.value)
         }, null, 2)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 10, _hoisted_1$a);
     };
   }
 });
@@ -6550,26 +6603,26 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("label", vue.mergeProps({
           for: inputId.value,
-          class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
+          class: [innerWrapperClasses.value, { "cursor-not-allowed": __props.disabled }]
         }, _ctx.$attrs), [
           vue.withDirectives(vue.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: vue.normalizeClass([checkboxClasses.value])
           }, null, 10, _hoisted_2$7), [
             [vue.vModelCheckbox, internalChecked.value]
           ]),
-          vue.unref(hasLabelSlot) || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
+          vue.unref(hasLabelSlot) || __props.label ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": _ctx.disabled }])
+            class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": __props.disabled }])
           }, [
-            vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : __props.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createTextVNode(vue.toDisplayString(__props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
         ], 16, _hoisted_1$9)
@@ -6580,6 +6633,9 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$8 = ["for"];
 const _hoisted_2$6 = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "FdsRadio",
   props: /* @__PURE__ */ vue.mergeModels({
     label: { default: void 0 },
@@ -6592,13 +6648,16 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     modelValue: {},
     onKeydown: {},
     onBlur: {},
-    onChange: {}
+    onChange: {},
+    onInput: {},
+    dataTestid: { default: void 0 }
   }, {
     "modelValue": { default: void 0, required: false },
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue", "change", "input"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    const attrs = vue.useAttrs();
     const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
@@ -6626,35 +6685,39 @@ const _sfc_main$d = /* @__PURE__ */ vue.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 = vue.computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid ?? attrs["data-testid"]
+    }));
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(wrapperClasses.value)
       }, [
-        vue.createElementVNode("label", vue.mergeProps({
+        vue.createElementVNode("label", {
           for: inputId.value,
-          class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
-        }, _ctx.$attrs), [
-          vue.withDirectives(vue.createElementVNode("input", {
+          class: vue.normalizeClass([innerWrapperClasses.value, { "cursor-not-allowed": __props.disabled }])
+        }, [
+          vue.withDirectives(vue.createElementVNode("input", vue.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: vue.normalizeClass([inputClasses.value, "m-[2px]"])
-          }, null, 10, _hoisted_2$6), [
+            class: [inputClasses.value, "m-[2px]"]
+          }), null, 16, _hoisted_2$6), [
             [vue.vModelRadio, radioModel.value]
           ]),
-          vue.unref(hasLabelSlot) || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
+          vue.unref(hasLabelSlot) || __props.label ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": _ctx.disabled }])
+            class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": __props.disabled }])
           }, [
-            vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : __props.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createTextVNode(vue.toDisplayString(__props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$8)
+        ], 10, _hoisted_1$8)
       ], 2);
     };
   }
@@ -6885,21 +6948,21 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["ariaLabel", "icon"])) : vue.createCommentVNode("", true),
             !hasChildrenNodes.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
-              style: vue.normalizeStyle({ minWidth: `${_ctx.indentation}px` })
+              style: vue.normalizeStyle({ minWidth: `${__props.indentation}px` })
             }, null, 4)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_2$5, [
               vue.createVNode(_sfc_main$e, {
                 id: `checkbox-${props.nodeId}`,
                 checked: vue.unref(treeState)?.isNodeSelected(props.nodeId),
-                indeterminate: _ctx.showIndeterminate && (vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
+                indeterminate: __props.showIndeterminate && (vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
                 onChange: _cache[1] || (_cache[1] = ($event) => vue.unref(treeState)?.toggleSelectNode(props.nodeId, props.title, props.data))
               }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("span", null, [
-                    shouldHighlightSearch.value && _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", {
+                    shouldHighlightSearch.value && __props.title ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
-                      innerHTML: vue.unref(treeState)?.highlightText(_ctx.title, vue.unref(treeState)?.searchTerm?.value)
-                    }, null, 8, _hoisted_3$4)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$3, vue.toDisplayString(_ctx.title), 1))
+                      innerHTML: vue.unref(treeState)?.highlightText(__props.title, vue.unref(treeState)?.searchTerm?.value)
+                    }, null, 8, _hoisted_3$4)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$3, vue.toDisplayString(__props.title), 1))
                   ]),
                   childCount.value !== null ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$3, " (+" + vue.toDisplayString(childCount.value) + ")", 1)) : vue.createCommentVNode("", true)
                 ]),
@@ -6913,7 +6976,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.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"]),
               vue.createVNode(vue.Transition, {
@@ -6997,17 +7060,17 @@ const _sfc_main$c = /* @__PURE__ */ vue.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"]);
@@ -7033,11 +7096,16 @@ function useElementFinalSize(elementRef, onFinalSize, delay = 100) {
   });
 }
 const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "FdsText",
   props: {
-    type: { default: "default" }
+    type: { default: "default" },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
+    const attrs = vue.useAttrs();
     const props = __props;
     const textClasses = vue.computed(() => {
       const baseClasses = "inline-block";
@@ -7049,12 +7117,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       }
       return baseClasses;
     });
+    const spanAttrs = vue.computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid
+    }));
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(textClasses.value)
-      }, [
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(spanAttrs.value, { class: textClasses.value }), [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 16);
     };
   }
 });
@@ -7279,12 +7349,12 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
           ref: contentRef,
           class: vue.normalizeClass(["content", { open: isOpen.value }]),
           style: vue.normalizeStyle({ maxWidth: `${containerWidth.value}px` })
-        }, vue.toDisplayString(_ctx.content), 7)),
+        }, vue.toDisplayString(__props.content), 7)),
         shouldShowButton.value ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("", true)
       ]);
@@ -7363,26 +7433,26 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+        __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
           key: 0,
           for: selectId.value,
-          class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-        }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$3)) : vue.createCommentVNode("", true),
-        _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
+          class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
+        }, vue.toDisplayString(__props.label), 11, _hoisted_2$3)) : vue.createCommentVNode("", true),
+        __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_4$2, [
           vue.withDirectives(vue.createElementVNode("select", vue.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 ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_6$1, vue.toDisplayString(_ctx.placeholder), 1)) : vue.createCommentVNode("", true),
-            !hasDefaultSlot.value && _ctx.options ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.options, (option) => {
+            __props.placeholder && !hasDefaultSlot.value ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_6$1, vue.toDisplayString(__props.placeholder), 1)) : vue.createCommentVNode("", true),
+            !hasDefaultSlot.value && __props.options ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.options, (option) => {
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option.value,
                 value: option.value,
@@ -7397,14 +7467,14 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               name: "arrowDown",
               size: 24,
               class: vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
+        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(__props.invalidMessage), 1)) : vue.createCommentVNode("", true)
       ]);
     };
   }
@@ -7471,20 +7541,20 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createElementVNode("div", _hoisted_1$3, [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+          __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             for: textareaId.value,
-            class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-          }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$2)) : vue.createCommentVNode("", true),
-          _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
+            class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
+          }, vue.toDisplayString(__props.label), 11, _hoisted_2$2)) : vue.createCommentVNode("", true),
+          __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_4$1, [
             vue.withDirectives(vue.createElementVNode("textarea", vue.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))
@@ -7505,7 +7575,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
               })) : vue.createCommentVNode("", true)
             ], 2)
           ]),
-          showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
+          showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(__props.invalidMessage), 1)) : vue.createCommentVNode("", true)
         ]),
         isValid.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, "OK")) : vue.createCommentVNode("", true)
       ], 64);
@@ -7544,9 +7614,10 @@ const _sfc_main$5 = /* @__PURE__ */ vue.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();
@@ -7566,7 +7637,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, [
             vue.renderSlot(_ctx.$slots, "default")
-          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(_ctx.heading), 1)),
+          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.heading), 1)),
           vue.createVNode(_sfc_main$w, {
             name: iconName.value,
             size: "24px",
@@ -7578,7 +7649,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
             vue.renderSlot(_ctx.$slots, "default")
-          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(_ctx.heading), 1))
+          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(__props.heading), 1))
         ], 2))
       ]);
     };
@@ -7623,10 +7694,26 @@ const _sfc_main$3 = /* @__PURE__ */ vue.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 = vue.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 = vue.getCurrentInstance();
     const route = vue.computed(() => {
       try {
@@ -7670,7 +7757,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     });
     const componentAttrs = vue.computed(() => ({
       ...linkAttrs.value,
-      ...attrs
+      ...attrs,
+      "data-testid": props.dataTestid
     }));
     const baseClasses = vue.computed(() => {
       const blockClasses = block ? "flex flex-1" : "";
@@ -7701,14 +7789,14 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentType.value), vue.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: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-          ])
+          vue.createTextVNode(vue.toDisplayString(__props.label) + " ", 1),
+          vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
       }, 16, ["class", "disabled", "aria-disabled", "aria-current"]);
@@ -7754,11 +7842,11 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return responsiveMap[element];
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.type), {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.type), {
         class: vue.normalizeClass(headingClasses.value)
       }, {
         default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.text), 1)
+          vue.createTextVNode(vue.toDisplayString(__props.text), 1)
         ]),
         _: 1
       }, 8, ["class"]);
@@ -7808,7 +7896,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-        _ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
           key: 0,
           size: "24px",
           color: "blue",