@frollo/frollo-web-ui 8.1.1 → 8.2.0

package/cjs/index.js

@@ -6869,7 +6869,7 @@ var idCounter = 0;
 function uniqueId(prefix) {
   var id = ++idCounter;
   return toString$2(prefix) + id;
-}var script$m = vue.defineComponent({
+}var script$n = vue.defineComponent({
   name: 'FwInput',
   emits: ['update:modelValue'],
   components: {
@@ -7033,7 +7033,7 @@ var _hoisted_11$3 = {
 var _hoisted_12$3 = {
   key: 1
 };
-function render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function render$18(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = vue.resolveComponent("InputField");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1f, [vue.createVNode(_component_InputField, {
     modelValue: _ctx.inputValue,
@@ -7114,7 +7114,7 @@ function render$17(_ctx, _cache, $props, $setup, $data, $options) {
   }
 }var css_248z$j = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;-moz-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
 var stylesheet$j = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;-moz-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
-styleInject(css_248z$j);script$m.render = render$17;var script$l = vue.defineComponent({
+styleInject(css_248z$j);script$n.render = render$18;var script$m = vue.defineComponent({
   name: 'FwCheckbox',
   components: {
     InputField: Field
@@ -7200,7 +7200,7 @@ var _hoisted_8$8 = {
 var _hoisted_9$7 = {
   key: 1
 };
-function render$16(_ctx, _cache, $props, $setup, $data, $options) {
+function render$17(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = vue.resolveComponent("InputField");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [vue.createVNode(_component_InputField, {
     name: _ctx.name,
@@ -7251,8 +7251,8 @@ function render$16(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["name", "value", "rules"])]);
 }var css_248z$i = ".fwFadeIn-enter-active[data-v-18f4083f]{-webkit-animation:fwFadeIn-18f4083f .35s;-moz-animation:fwFadeIn-18f4083f .35s;animation:fwFadeIn-18f4083f .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-18f4083f]{animation:fwFadeIn-18f4083f .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-18f4083f{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-18f4083f{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-18f4083f{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-18f4083f]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background .2s ease-in;-moz-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-18f4083f]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
 var stylesheet$i = ".fwFadeIn-enter-active[data-v-18f4083f]{-webkit-animation:fwFadeIn-18f4083f .35s;-moz-animation:fwFadeIn-18f4083f .35s;animation:fwFadeIn-18f4083f .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-18f4083f]{animation:fwFadeIn-18f4083f .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-18f4083f{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-18f4083f{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-18f4083f{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-18f4083f]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background .2s ease-in;-moz-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-18f4083f]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
-styleInject(css_248z$i);script$l.render = render$16;
-script$l.__scopeId = "data-v-18f4083f";const _hoisted_1$1d = {
+styleInject(css_248z$i);script$m.render = render$17;
+script$m.__scopeId = "data-v-18f4083f";const _hoisted_1$1d = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 52 34"
@@ -7262,7 +7262,7 @@ const _hoisted_3$14 = [
   _hoisted_2$18
 ];
 
-function render$15(_ctx, _cache) {
+function render$16(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1d, [..._hoisted_3$14]))
 }const _hoisted_1$1c = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7274,7 +7274,7 @@ const _hoisted_3$13 = [
   _hoisted_2$17
 ];
 
-function render$14(_ctx, _cache) {
+function render$15(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1c, [..._hoisted_3$13]))
 }const _hoisted_1$1b = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7286,7 +7286,7 @@ const _hoisted_3$12 = [
   _hoisted_2$16
 ];
 
-function render$13(_ctx, _cache) {
+function render$14(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1b, [..._hoisted_3$12]))
 }const _hoisted_1$1a = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7298,7 +7298,7 @@ const _hoisted_3$11 = [
   _hoisted_2$15
 ];
 
-function render$12(_ctx, _cache) {
+function render$13(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1a, [..._hoisted_3$11]))
 }const _hoisted_1$19 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7312,7 +7312,7 @@ const _hoisted_4$g = [
   _hoisted_3$10
 ];
 
-function render$11(_ctx, _cache) {
+function render$12(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$19, [..._hoisted_4$g]))
 }const _hoisted_1$18 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7324,7 +7324,7 @@ const _hoisted_3$$ = [
   _hoisted_2$13
 ];
 
-function render$10(_ctx, _cache) {
+function render$11(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$18, [..._hoisted_3$$]))
 }const _hoisted_1$17 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7336,7 +7336,7 @@ const _hoisted_3$_ = [
   _hoisted_2$12
 ];
 
-function render$$(_ctx, _cache) {
+function render$10(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$17, [..._hoisted_3$_]))
 }const _hoisted_1$16 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7350,7 +7350,7 @@ const _hoisted_4$f = [
   _hoisted_3$Z
 ];
 
-function render$_(_ctx, _cache) {
+function render$$(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$16, [..._hoisted_4$f]))
 }const _hoisted_1$15 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7362,7 +7362,7 @@ const _hoisted_3$Y = [
   _hoisted_2$10
 ];
 
-function render$Z(_ctx, _cache) {
+function render$_(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$15, [..._hoisted_3$Y]))
 }const _hoisted_1$14 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7374,7 +7374,7 @@ const _hoisted_3$X = [
   _hoisted_2$$
 ];
 
-function render$Y(_ctx, _cache) {
+function render$Z(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$14, [..._hoisted_3$X]))
 }const _hoisted_1$13 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7386,7 +7386,7 @@ const _hoisted_3$W = [
   _hoisted_2$_
 ];
 
-function render$X(_ctx, _cache) {
+function render$Y(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$13, [..._hoisted_3$W]))
 }const _hoisted_1$12 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7398,7 +7398,7 @@ const _hoisted_3$V = [
   _hoisted_2$Z
 ];
 
-function render$W(_ctx, _cache) {
+function render$X(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$12, [..._hoisted_3$V]))
 }const _hoisted_1$11 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7410,7 +7410,7 @@ const _hoisted_3$U = [
   _hoisted_2$Y
 ];
 
-function render$V(_ctx, _cache) {
+function render$W(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$11, [..._hoisted_3$U]))
 }const _hoisted_1$10 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7422,7 +7422,7 @@ const _hoisted_3$T = [
   _hoisted_2$X
 ];
 
-function render$U(_ctx, _cache) {
+function render$V(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$10, [..._hoisted_3$T]))
 }const _hoisted_1$$ = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7434,7 +7434,7 @@ const _hoisted_3$S = [
   _hoisted_2$W
 ];
 
-function render$T(_ctx, _cache) {
+function render$U(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$$, [..._hoisted_3$S]))
 }const _hoisted_1$_ = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7446,7 +7446,7 @@ const _hoisted_3$R = [
   _hoisted_2$V
 ];
 
-function render$S(_ctx, _cache) {
+function render$T(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$_, [..._hoisted_3$R]))
 }const _hoisted_1$Z = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7458,7 +7458,7 @@ const _hoisted_3$Q = [
   _hoisted_2$U
 ];
 
-function render$R(_ctx, _cache) {
+function render$S(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Z, [..._hoisted_3$Q]))
 }const _hoisted_1$Y = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7470,7 +7470,7 @@ const _hoisted_3$P = [
   _hoisted_2$T
 ];
 
-function render$Q(_ctx, _cache) {
+function render$R(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Y, [..._hoisted_3$P]))
 }const _hoisted_1$X = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7482,7 +7482,7 @@ const _hoisted_3$O = [
   _hoisted_2$S
 ];
 
-function render$P(_ctx, _cache) {
+function render$Q(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$X, [..._hoisted_3$O]))
 }const _hoisted_1$W = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7494,7 +7494,7 @@ const _hoisted_3$N = [
   _hoisted_2$R
 ];
 
-function render$O(_ctx, _cache) {
+function render$P(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$W, [..._hoisted_3$N]))
 }const _hoisted_1$V = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7506,7 +7506,7 @@ const _hoisted_3$M = [
   _hoisted_2$Q
 ];
 
-function render$N(_ctx, _cache) {
+function render$O(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$V, [..._hoisted_3$M]))
 }const _hoisted_1$U = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7518,7 +7518,7 @@ const _hoisted_3$L = [
   _hoisted_2$P
 ];
 
-function render$M(_ctx, _cache) {
+function render$N(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$U, [..._hoisted_3$L]))
 }const _hoisted_1$T = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7530,7 +7530,7 @@ const _hoisted_3$K = [
   _hoisted_2$O
 ];
 
-function render$L(_ctx, _cache) {
+function render$M(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$T, [..._hoisted_3$K]))
 }const _hoisted_1$S = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7542,7 +7542,7 @@ const _hoisted_3$J = [
   _hoisted_2$N
 ];
 
-function render$K(_ctx, _cache) {
+function render$L(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$S, [..._hoisted_3$J]))
 }const _hoisted_1$R = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7554,7 +7554,7 @@ const _hoisted_3$I = [
   _hoisted_2$M
 ];
 
-function render$J(_ctx, _cache) {
+function render$K(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$R, [..._hoisted_3$I]))
 }const _hoisted_1$Q = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7566,7 +7566,7 @@ const _hoisted_3$H = [
   _hoisted_2$L
 ];
 
-function render$I(_ctx, _cache) {
+function render$J(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Q, [..._hoisted_3$H]))
 }const _hoisted_1$P = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7578,7 +7578,7 @@ const _hoisted_3$G = [
   _hoisted_2$K
 ];
 
-function render$H(_ctx, _cache) {
+function render$I(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$P, [..._hoisted_3$G]))
 }const _hoisted_1$O = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7590,7 +7590,7 @@ const _hoisted_3$F = [
   _hoisted_2$J
 ];
 
-function render$G(_ctx, _cache) {
+function render$H(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$O, [..._hoisted_3$F]))
 }const _hoisted_1$N = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7606,7 +7606,7 @@ const _hoisted_3$E = [
   _hoisted_2$I
 ];
 
-function render$F(_ctx, _cache) {
+function render$G(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$N, [..._hoisted_3$E]))
 }const _hoisted_1$M = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7618,7 +7618,7 @@ const _hoisted_3$D = [
   _hoisted_2$H
 ];
 
-function render$E(_ctx, _cache) {
+function render$F(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$M, [..._hoisted_3$D]))
 }const _hoisted_1$L = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7630,7 +7630,7 @@ const _hoisted_3$C = [
   _hoisted_2$G
 ];
 
-function render$D(_ctx, _cache) {
+function render$E(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$L, [..._hoisted_3$C]))
 }const _hoisted_1$K = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7642,7 +7642,7 @@ const _hoisted_3$B = [
   _hoisted_2$F
 ];
 
-function render$C(_ctx, _cache) {
+function render$D(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$K, [..._hoisted_3$B]))
 }const _hoisted_1$J = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7654,7 +7654,7 @@ const _hoisted_3$A = [
   _hoisted_2$E
 ];
 
-function render$B(_ctx, _cache) {
+function render$C(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$J, [..._hoisted_3$A]))
 }const _hoisted_1$I = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7666,7 +7666,7 @@ const _hoisted_3$z = [
   _hoisted_2$D
 ];
 
-function render$A(_ctx, _cache) {
+function render$B(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$I, [..._hoisted_3$z]))
 }const _hoisted_1$H = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7678,7 +7678,7 @@ const _hoisted_3$y = [
   _hoisted_2$C
 ];
 
-function render$z(_ctx, _cache) {
+function render$A(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$H, [..._hoisted_3$y]))
 }const _hoisted_1$G = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7690,7 +7690,7 @@ const _hoisted_3$x = [
   _hoisted_2$B
 ];
 
-function render$y(_ctx, _cache) {
+function render$z(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$G, [..._hoisted_3$x]))
 }const _hoisted_1$F = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7702,7 +7702,7 @@ const _hoisted_3$w = [
   _hoisted_2$A
 ];
 
-function render$x(_ctx, _cache) {
+function render$y(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$F, [..._hoisted_3$w]))
 }const _hoisted_1$E = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7714,7 +7714,7 @@ const _hoisted_3$v = [
   _hoisted_2$z
 ];
 
-function render$w(_ctx, _cache) {
+function render$x(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$E, [..._hoisted_3$v]))
 }const _hoisted_1$D = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7726,7 +7726,7 @@ const _hoisted_3$u = [
   _hoisted_2$y
 ];
 
-function render$v(_ctx, _cache) {
+function render$w(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$D, [..._hoisted_3$u]))
 }const _hoisted_1$C = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7738,7 +7738,7 @@ const _hoisted_3$t = [
   _hoisted_2$x
 ];
 
-function render$u(_ctx, _cache) {
+function render$v(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$C, [..._hoisted_3$t]))
 }const _hoisted_1$B = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7750,7 +7750,7 @@ const _hoisted_3$s = [
   _hoisted_2$w
 ];
 
-function render$t(_ctx, _cache) {
+function render$u(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$B, [..._hoisted_3$s]))
 }const _hoisted_1$A = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7762,7 +7762,7 @@ const _hoisted_3$r = [
   _hoisted_2$v
 ];
 
-function render$s(_ctx, _cache) {
+function render$t(_ctx, _cache) {
   return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$A, [..._hoisted_3$r]))
 }var handleIntersect = function handleIntersect(entries, observer) {
   entries.forEach(function (entry) {
@@ -7827,25 +7827,25 @@ var lazyLoadDirective = {
       loadImage(el);
     }
   }
-};var script$k = vue.defineComponent({
+};var script$l = vue.defineComponent({
   name: 'FwLoadingBar'
 });var _hoisted_1$z = {
   "class": "fw-loading-bar rounded",
   "aria-hidden": "true"
 };
-function render$r(_ctx, _cache, $props, $setup, $data, $options) {
+function render$s(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z);
 }var css_248z$h = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;-moz-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;background-image:-webkit-linear-gradient(350deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-image:-moz-linear-gradient(350deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-image:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@-moz-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
 var stylesheet$h = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;-moz-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;background-image:-webkit-linear-gradient(350deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-image:-moz-linear-gradient(350deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-image:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@-moz-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
-styleInject(css_248z$h);script$k.render = render$r;var script$j = vue.defineComponent({
+styleInject(css_248z$h);script$l.render = render$s;var script$k = vue.defineComponent({
   name: 'FwImage',
   directives: {
     lazyload: lazyLoadDirective
   },
   emits: ['click', 'mouseover', 'mouseout'],
   components: {
-    FwLoadingBar: script$k,
-    FileExclamationSvg: render$V
+    FwLoadingBar: script$l,
+    FileExclamationSvg: render$W
   },
   props: {
     /**
@@ -7909,7 +7909,7 @@ var _hoisted_2$u = ["data-url", "alt"];
 var _hoisted_3$q = {
   "class": "fw-image--error-wrapper flex flex-col items-center justify-center"
 };
-function render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = vue.resolveComponent("FwLoadingBar");
   var _component_FileExclamationSvg = vue.resolveComponent("FileExclamationSvg");
   var _directive_lazyload = vue.resolveDirective("lazyload");
@@ -7958,12 +7958,12 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
   })) : vue.createCommentVNode("", true)])], 2), vue.renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$y)), [[_directive_lazyload]]);
 }var css_248z$g = ".fw-image{position:relative}.fw-image img{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fw-image img,.fw-image--error{opacity:0;visibility:hidden;width:100%}.fw-image--error{height:100%;left:0;position:relative;position:absolute;top:0;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;transition:all .5s ease-in}.fw-image--error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loading{height:100%;left:0;position:absolute!important;top:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.fw-image--loaded img,.fw-image--loading{opacity:1;visibility:visible}.fw-image--loaded .fw-image--loading{opacity:0;visibility:hidden;width:100%}.fw-image--loaded-error img{display:none}.fw-image--loaded-error .fw-image--error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}";
 var stylesheet$g = ".fw-image{position:relative}.fw-image img{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fw-image img,.fw-image--error{opacity:0;visibility:hidden;width:100%}.fw-image--error{height:100%;left:0;position:relative;position:absolute;top:0;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;transition:all .5s ease-in}.fw-image--error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loading{height:100%;left:0;position:absolute!important;top:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.fw-image--loaded img,.fw-image--loading{opacity:1;visibility:visible}.fw-image--loaded .fw-image--loading{opacity:0;visibility:hidden;width:100%}.fw-image--loaded-error img{display:none}.fw-image--loaded-error .fw-image--error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}";
-styleInject(css_248z$g);script$j.render = render$q;var script$i = vue.defineComponent({
+styleInject(css_248z$g);script$k.render = render$r;var script$j = vue.defineComponent({
   name: 'FwDropdown',
   emits: ['update:modelValue'],
   components: {
-    ChevronDownSvg: render$Q,
-    FwImage: script$j
+    ChevronDownSvg: render$R,
+    FwImage: script$k
   },
   props: {
     /**
@@ -8160,7 +8160,7 @@ var _hoisted_18$1 = {
   key: 1,
   "class": "text-grey-base"
 };
-function render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function render$q(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$selectedOption, _ctx$selectedOption2, _ctx$selectedOption3, _ctx$selectedOption4;
   var _component_FwImage = vue.resolveComponent("FwImage");
   var _component_ChevronDownSvg = vue.resolveComponent("ChevronDownSvg");
@@ -8219,8 +8219,8 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
   })])) : vue.createCommentVNode("", true)]);
 }var css_248z$f = ".slideUpDown-enter-active[data-v-72f0ebf0]{-webkit-animation:slideUpDown-72f0ebf0 .3s;-moz-animation:slideUpDown-72f0ebf0 .3s;animation:slideUpDown-72f0ebf0 .3s;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-72f0ebf0]{animation:slideUpDown-72f0ebf0 .3s reverse;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-72f0ebf0{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-keyframes slideUpDown-72f0ebf0{0%{opacity:0;-moz-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-moz-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-72f0ebf0{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);-moz-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}";
 var stylesheet$f = ".slideUpDown-enter-active[data-v-72f0ebf0]{-webkit-animation:slideUpDown-72f0ebf0 .3s;-moz-animation:slideUpDown-72f0ebf0 .3s;animation:slideUpDown-72f0ebf0 .3s;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-72f0ebf0]{animation:slideUpDown-72f0ebf0 .3s reverse;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-72f0ebf0{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-keyframes slideUpDown-72f0ebf0{0%{opacity:0;-moz-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-moz-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-72f0ebf0{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);-moz-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}";
-styleInject(css_248z$f);script$i.render = render$p;
-script$i.__scopeId = "data-v-72f0ebf0";var script$h = vue.defineComponent({
+styleInject(css_248z$f);script$j.render = render$q;
+script$j.__scopeId = "data-v-72f0ebf0";var script$i = vue.defineComponent({
   name: 'FwCard',
   props: {
     /**
@@ -8282,7 +8282,7 @@ var _hoisted_2$s = {
   "class": "fw-card--prefix-title text-primary"
 };
 var _hoisted_3$o = ["innerHTML"];
-function render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.componentName), {
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
@@ -8301,17 +8301,17 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 3
   }, 8, ["to", "href", "tabindex", "class"]);
-}script$h.render = render$o;var script$g = vue.defineComponent({
+}script$i.render = render$p;var script$h = vue.defineComponent({
   name: 'FwLoadingSpinner',
   components: {
-    LoadingSvg: render$F
+    LoadingSvg: render$G
   }
-});function render$n(_ctx, _cache, $props, $setup, $data, $options) {
+});function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_LoadingSvg = vue.resolveComponent("LoadingSvg");
   return vue.openBlock(), vue.createBlock(_component_LoadingSvg, {
     "class": "fw-loading-spinner animate-spin"
   });
-}script$g.render = render$n;var script$f = vue.defineComponent({
+}script$h.render = render$o;var script$g = vue.defineComponent({
   name: 'FwButton',
   emits: [/** Fired on native click */
   'click', /** Fired on native hover in */
@@ -8320,7 +8320,7 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   'focusin', /** Fired on native focus out */
   'focusout'],
   components: {
-    FwLoadingSpinner: script$g
+    FwLoadingSpinner: script$h
   },
   props: {
     /**
@@ -8530,7 +8530,7 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   key: 0,
   "class": "fw-button--label relative"
 };
-function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function render$n(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingSpinner = vue.resolveComponent("FwLoadingSpinner");
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tagName), {
     "class": vue.normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer']]),
@@ -8564,11 +8564,11 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }var css_248z$e = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
 var stylesheet$e = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
-styleInject(css_248z$e);script$f.render = render$m;var script$e = vue.defineComponent({
+styleInject(css_248z$e);script$g.render = render$n;var script$f = vue.defineComponent({
   name: 'FwNavigationMenu',
   emits: ['action'],
   components: {
-    FwButton: script$f
+    FwButton: script$g
   },
   props: {
     /**
@@ -8646,7 +8646,7 @@ var _hoisted_9$5 = ["d"];
 var _hoisted_10$3 = {
   "class": "w-full flex flex-col space-y-1"
 };
-function render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$menuItems;
   var _component_FwButton = vue.resolveComponent("FwButton");
   return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$u, [vue.createElementVNode("div", {
@@ -8730,7 +8730,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   })]);
 }var css_248z$d = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-moz-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;-moz-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;-moz-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@-moz-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
 var stylesheet$d = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-moz-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;-moz-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;-moz-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@-moz-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
-styleInject(css_248z$d);script$e.render = render$l;var script$d = vue.defineComponent({
+styleInject(css_248z$d);script$f.render = render$m;var script$e = vue.defineComponent({
   name: 'FwTabs',
   emits: ['update:modelValue'],
   props: {
@@ -8766,7 +8766,7 @@ var _hoisted_2$q = {
   "class": "flex flex-wrap -mb-px border-b border-grey-light dark:text-grey-base dark:border-grey-base"
 };
 var _hoisted_3$m = ["onClick"];
-function render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [_ctx.state.tabs ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2$q, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.state.tabs, function (tab, i) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "class": "mr-2",
@@ -8779,7 +8779,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
       "class": vue.normalizeClass(["inline-block p-4 outline-primary border-b-2 border-transparent transition ease-in", _ctx.state.active === i ? '!font-semibold !border-body' : 'hover:bg-grey-lightest'])
     }, vue.toDisplayString(tab.props.label), 11, _hoisted_3$m)]);
   }), 128))])) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default")]);
-}script$d.render = render$k;var script$c = vue.defineComponent({
+}script$e.render = render$l;var script$d = vue.defineComponent({
   name: 'FwTab',
   props: {
     /**
@@ -8817,13 +8817,13 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
 });var _hoisted_1$s = {
   "class": "fw-tab w-full"
 };
-function render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function render$k(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [vue.renderSlot(_ctx.$slots, "default")], 512)), [[vue.vShow, _ctx.isActive]]);
-}script$c.render = render$j;var script$b = vue.defineComponent({
+}script$d.render = render$k;var script$c = vue.defineComponent({
   name: 'FwModal',
   components: {
-    FwButton: script$f,
-    XMarkSvg: render$y
+    FwButton: script$g,
+    XMarkSvg: render$z
   },
   emits: ['cancel', 'confirm'],
   props: {
@@ -8969,7 +8969,7 @@ var _hoisted_7$6 = ["id"];
 var _hoisted_8$5 = ["id", "innerHTML"];
 var _hoisted_9$4 = ["id"];
 var _hoisted_10$2 = ["innerHTML", "id"];
-function render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function render$j(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_XMarkSvg = vue.resolveComponent("XMarkSvg");
   var _component_FwButton = vue.resolveComponent("FwButton");
   return _ctx.isMounted ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -9056,10 +9056,10 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, ["to"])) : vue.createCommentVNode("", true);
 }var css_248z$c = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;-moz-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
 var stylesheet$c = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;-moz-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
-styleInject(css_248z$c);script$b.render = render$i;var script$a = vue.defineComponent({
+styleInject(css_248z$c);script$c.render = render$j;var script$b = vue.defineComponent({
   name: 'FwProgressBar',
   components: {
-    CheckSvg: render$S
+    CheckSvg: render$T
   },
   props: {
     /**
@@ -9116,7 +9116,7 @@ var _hoisted_4$b = {
 var _hoisted_5$9 = {
   "class": "w-full bg-grey-40 rounded flex-1"
 };
-function render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function render$i(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CheckSvg = vue.resolveComponent("CheckSvg");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [vue.createElementVNode("div", _hoisted_2$o, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.steps, function (step) {
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -9139,7 +9139,7 @@ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
       style: vue.normalizeStyle(step.position < _ctx.activeStep ? 'width:100%;' : _ctx.calculatedProgressBar(step))
     }, null, 4)])])) : vue.createCommentVNode("", true)], 2);
   }), 128))])]);
-}script$a.render = render$h;var useColours = function useColours() {
+}script$b.render = render$i;var useColours = function useColours() {
   var style = getComputedStyle(document.body);
   var colorPrimary = style.getPropertyValue('--colorPrimary');
   var colorSecondary = style.getPropertyValue('--colorSecondary');
@@ -9176,8 +9176,8 @@ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
 };var __default__$7 = vue.defineComponent({
   name: 'FwTag',
   components: {
-    FwButton: script$f,
-    XMarkSvg: render$y
+    FwButton: script$g,
+    XMarkSvg: render$z
   },
   emits: [/** Fires when the tag is dismissed. */
   'dismissed'],
@@ -9295,7 +9295,7 @@ var __setup__$6 = __default__$7.setup;
 __default__$7.setup = __setup__$6 ? function (props, ctx) {
   __injectCSSVars__$6();
   return __setup__$6(props, ctx);
-} : __injectCSSVars__$6;function render$g(_ctx, _cache, $props, $setup, $data, $options) {
+} : __injectCSSVars__$6;function render$h(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_XMarkSvg = vue.resolveComponent("XMarkSvg");
   var _component_FwButton = vue.resolveComponent("FwButton");
   return vue.openBlock(), vue.createElementBlock("span", {
@@ -9323,15 +9323,15 @@ __default__$7.setup = __setup__$6 ? function (props, ctx) {
   }, 8, ["variant", "class"])) : vue.createCommentVNode("", true)], 2);
 }var css_248z$b = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--8d62bc46)}";
 var stylesheet$b = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--8d62bc46)}";
-styleInject(css_248z$b);__default__$7.render = render$g;var __default__$6 = vue.defineComponent({
+styleInject(css_248z$b);__default__$7.render = render$h;var __default__$6 = vue.defineComponent({
   name: 'FwTable',
   components: {
-    ArrowSortSvg: render$B,
-    ArrowDownSvg: render$A,
-    ChevronLeftSvg: render$O,
-    ChevronRightSvg: render$P,
-    FwLoadingBar: script$k,
-    FwButton: script$f
+    ArrowSortSvg: render$C,
+    ArrowDownSvg: render$B,
+    ChevronLeftSvg: render$P,
+    ChevronRightSvg: render$Q,
+    FwLoadingBar: script$l,
+    FwButton: script$g
   },
   emits: [/** Fired when a row is clicked with row data */
   'rowClicked', /** Fired when a column is sorted */
@@ -9483,7 +9483,7 @@ styleInject(css_248z$b);__default__$7.render = render$g;var __default__$6 = vue.
 var __injectCSSVars__$5 = function __injectCSSVars__() {
   vue.useCssVars(function (_ctx) {
     return {
-      "11c7ec1c": _ctx.bgHoverColor
+      "73ca01a2": _ctx.bgHoverColor
     };
   });
 };
@@ -9492,7 +9492,7 @@ __default__$6.setup = __setup__$5 ? function (props, ctx) {
   __injectCSSVars__$5();
   return __setup__$5(props, ctx);
 } : __injectCSSVars__$5;var _withScopeId$4 = function _withScopeId(n) {
-  return vue.pushScopeId("data-v-b7ffd9d4"), n = n(), vue.popScopeId(), n;
+  return vue.pushScopeId("data-v-b2774452"), n = n(), vue.popScopeId(), n;
 };
 var _hoisted_1$p = {
   "class": "flex flex-col"
@@ -9526,18 +9526,18 @@ var _hoisted_12$1 = {
   key: 0,
   "class": "flex flex-row justify-center h-[44px] mt-8 space-x-2 mb-[40px]"
 };
-function render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function render$g(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ArrowSortSvg = vue.resolveComponent("ArrowSortSvg");
   var _component_ArrowDownSvg = vue.resolveComponent("ArrowDownSvg");
   var _component_FwLoadingBar = vue.resolveComponent("FwLoadingBar");
   var _component_ChevronLeftSvg = vue.resolveComponent("ChevronLeftSvg");
   var _component_FwButton = vue.resolveComponent("FwButton");
   var _component_ChevronRightSvg = vue.resolveComponent("ChevronRightSvg");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [vue.createElementVNode("table", {
-    "class": vue.normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card flex-1", _ctx.loading ? 'cursor-wait' : '']),
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [vue.createElementVNode("table", vue.mergeProps(_ctx.$attrs, {
+    "class": ["fw-table table-auto table-responsive rounded-md shadow-card flex-1", _ctx.loading ? 'cursor-wait' : ''],
     "aria-live": "polite",
     "aria-busy": _ctx.loading
-  }, [vue.createElementVNode("thead", _hoisted_3$j, [vue.createElementVNode("tr", null, [_ctx.$slots.preHead ? vue.renderSlot(_ctx.$slots, "preHead", {
+  }), [vue.createElementVNode("thead", _hoisted_3$j, [vue.createElementVNode("tr", null, [_ctx.$slots.preHead ? vue.renderSlot(_ctx.$slots, "preHead", {
     key: 0
   }) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, thKey) {
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
@@ -9608,7 +9608,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       row: row
     }) : vue.createCommentVNode("", true)], 42, _hoisted_10$1);
-  }), 128))])], 10, _hoisted_2$n), _ctx.enablePagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [vue.createVNode(_component_FwButton, {
+  }), 128))])], 16, _hoisted_2$n), _ctx.enablePagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [vue.createVNode(_component_FwButton, {
     variant: 'tertiary',
     disabled: _ctx.currentPage === 1,
     size: "sm",
@@ -9640,10 +9640,10 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   }, 8, ["disabled"])])) : vue.createCommentVNode("", true)]);
-}var css_248z$a = ".fw-table-head--sortable[data-v-b7ffd9d4]:hover{background-color:var(--11c7ec1c)}.fw-table-row[data-v-b7ffd9d4]:hover{background-color:var(--11c7ec1c)}";
-var stylesheet$a = ".fw-table-head--sortable[data-v-b7ffd9d4]:hover{background-color:var(--11c7ec1c)}.fw-table-row[data-v-b7ffd9d4]:hover{background-color:var(--11c7ec1c)}";
-styleInject(css_248z$a);__default__$6.render = render$f;
-__default__$6.__scopeId = "data-v-b7ffd9d4";var script$9 = vue.defineComponent({
+}var css_248z$a = ".fw-table-head--sortable[data-v-b2774452]:hover{background-color:var(--73ca01a2)}.fw-table-row[data-v-b2774452]:hover{background-color:var(--73ca01a2)}";
+var stylesheet$a = ".fw-table-head--sortable[data-v-b2774452]:hover{background-color:var(--73ca01a2)}.fw-table-row[data-v-b2774452]:hover{background-color:var(--73ca01a2)}";
+styleInject(css_248z$a);__default__$6.render = render$g;
+__default__$6.__scopeId = "data-v-b2774452";var script$a = vue.defineComponent({
   name: 'FwTableHead'
 });var _hoisted_1$o = {
   "class": "py-6 px-5 text-left font-medium"
@@ -9655,21 +9655,21 @@ var _hoisted_3$i = {
   key: 0,
   "class": "w-full"
 };
-function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("th", _hoisted_1$o, [vue.createElementVNode("div", _hoisted_2$m, [_ctx.$slots["default"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$i, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true)])]);
-}script$9.render = render$e;var script$8 = vue.defineComponent({
+}script$a.render = render$f;var script$9 = vue.defineComponent({
   name: 'FwTableRow'
 });var _hoisted_1$n = {
   "class": "py-3 px-4 text-left whitespace-nowrap"
 };
-function render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("td", _hoisted_1$n, [_ctx.$slots["default"] ? vue.renderSlot(_ctx.$slots, "default", {
     key: 0
   }) : vue.createCommentVNode("", true)]);
-}script$8.render = render$d;var __default__$5 = vue.defineComponent({
+}script$9.render = render$e;var __default__$5 = vue.defineComponent({
   name: 'FwAccordion',
   components: {
-    ChevronDownSvg: render$Q
+    ChevronDownSvg: render$R
   },
   emits: [/** Fired when accordion is opened or closed */
   'toggled'],
@@ -9794,7 +9794,7 @@ var _hoisted_6$5 = {
 var _hoisted_7$4 = {
   key: 1
 };
-function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ChevronDownSvg = vue.resolveComponent("ChevronDownSvg");
   return vue.openBlock(), vue.createElementBlock("div", {
     "class": vue.normalizeClass(["fw-accordion", _ctx.borderStyle])
@@ -9833,11 +9833,11 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])], 2);
 }var css_248z$9 = ".fw-accordion--header-open[data-v-15499edb],.fw-accordion--header[data-v-15499edb]:focus-visible,.fw-accordion--header[data-v-15499edb]:hover{background-color:var(--103fcbd6)}.fw-accordion--icon[data-v-15499edb]{position:relative}.fw-accordion--icon[data-v-15499edb]:after,.fw-accordion--icon[data-v-15499edb]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-15499edb]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-moz-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-15499edb]:after{width:0}";
 var stylesheet$9 = ".fw-accordion--header-open[data-v-15499edb],.fw-accordion--header[data-v-15499edb]:focus-visible,.fw-accordion--header[data-v-15499edb]:hover{background-color:var(--103fcbd6)}.fw-accordion--icon[data-v-15499edb]{position:relative}.fw-accordion--icon[data-v-15499edb]:after,.fw-accordion--icon[data-v-15499edb]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-15499edb]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-moz-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-15499edb]:after{width:0}";
-styleInject(css_248z$9);__default__$5.render = render$c;
-__default__$5.__scopeId = "data-v-15499edb";var script$7 = vue.defineComponent({
+styleInject(css_248z$9);__default__$5.render = render$d;
+__default__$5.__scopeId = "data-v-15499edb";var script$8 = vue.defineComponent({
   name: 'FwLoadingCard',
   components: {
-    FwLoadingBar: script$k
+    FwLoadingBar: script$l
   }
 });var _hoisted_1$l = {
   "class": "fw-loading-card rounded shadow-card relative"
@@ -9845,17 +9845,17 @@ __default__$5.__scopeId = "data-v-15499edb";var script$7 = vue.defineComponent({
 var _hoisted_2$k = {
   "class": "w-full bg-white h-12 p-3 pr-12 absolute top-0 left-0 rounded-t"
 };
-function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = vue.resolveComponent("FwLoadingBar");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [vue.createElementVNode("div", _hoisted_2$k, [vue.createVNode(_component_FwLoadingBar, {
     "class": "w-2/4 h-5"
   })]), vue.createVNode(_component_FwLoadingBar, {
     "class": "w-full h-full rounded-t-none"
   })]);
-}script$7.render = render$b;var script$6 = vue.defineComponent({
+}script$8.render = render$c;var script$7 = vue.defineComponent({
   name: 'FwLoadingTable',
   components: {
-    FwLoadingBar: script$k
+    FwLoadingBar: script$l
   },
   props: {
     columns: {
@@ -9885,7 +9885,7 @@ var _hoisted_3$g = {
 var _hoisted_4$8 = {
   "class": "text-p-small bg-white font-light"
 };
-function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = vue.resolveComponent("FwLoadingBar");
   return vue.openBlock(), vue.createElementBlock("table", {
     "class": vue.normalizeClass(_ctx.tableClass),
@@ -9906,12 +9906,12 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
       })]);
     }), 128))]);
   }), 128))])], 2);
-}script$6.render = render$a;var script$5 = vue.defineComponent({
+}script$7.render = render$b;var script$6 = vue.defineComponent({
   name: 'FwToast',
   components: {
-    SolidCheckSvg: render$D,
-    SolidXMarkSvg: render$C,
-    ErrorFilledSvg: render$N
+    SolidCheckSvg: render$E,
+    SolidXMarkSvg: render$D,
+    ErrorFilledSvg: render$O
   },
   emits: ['update:modelValue', 'dismissed'],
   props: {
@@ -10051,7 +10051,7 @@ var _hoisted_2$i = {
   "class": "inline-flex items-center gap-x-4"
 };
 var _hoisted_3$f = ["innerHTML"];
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [_ctx.mountContainer ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
     key: 0,
     to: _ctx.element
@@ -10089,11 +10089,11 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["name"])], 8, ["to"])) : vue.createCommentVNode("", true)], 64);
 }var css_248z$8 = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;-moz-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-enter-active,.toastSlideInRight-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;-moz-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-enter-active,.toastSlideInLeft-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;-moz-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-enter-active,.toastSlideInCenter-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInRight{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-moz-transform:translateX(1%);transform:translateX(1%)}90%{-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInLeft{0%{opacity:0;-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-moz-transform:translateX(3%);transform:translateX(3%)}70%{-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-moz-transform:translateX(1%);transform:translateX(1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);-moz-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@-moz-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
 var stylesheet$8 = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;-moz-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-enter-active,.toastSlideInRight-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;-moz-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-enter-active,.toastSlideInLeft-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;-moz-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-enter-active,.toastSlideInCenter-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInRight{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-moz-transform:translateX(1%);transform:translateX(1%)}90%{-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInLeft{0%{opacity:0;-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-moz-transform:translateX(3%);transform:translateX(3%)}70%{-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-moz-transform:translateX(1%);transform:translateX(1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);-moz-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@-moz-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
-styleInject(css_248z$8);script$5.render = render$9;var script$4 = vue.defineComponent({
+styleInject(css_248z$8);script$6.render = render$a;var script$5 = vue.defineComponent({
   name: 'FwTransactionsCard',
   components: {
-    FwCard: script$h,
-    FwImage: script$j
+    FwCard: script$i,
+    FwImage: script$k
   },
   props: {
     /**
@@ -10150,7 +10150,7 @@ var _hoisted_8$3 = {
 var _hoisted_9$2 = {
   "class": "text-p2 font-semibold mb-0"
 };
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwImage = vue.resolveComponent("FwImage");
   var _component_FwCard = vue.resolveComponent("FwCard");
   return vue.openBlock(), vue.createBlock(_component_FwCard, {
@@ -10172,7 +10172,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   });
-}script$4.render = render$8;/*!
+}script$5.render = render$9;/*!
  * @kurkle/color v0.3.2
  * https://github.com/kurkle/color#readme
  * (c) 2023 Jukka Kurkela
@@ -25209,7 +25209,7 @@ const PolarArea = /* #__PURE__ */ createTypedChart("polarArea", PolarAreaControl
 const Radar = /* #__PURE__ */ createTypedChart("radar", RadarController);
 const Bubble = /* #__PURE__ */ createTypedChart("bubble", BubbleController);
 const Scatter = /* #__PURE__ */ createTypedChart("scatter", ScatterController);Chart$1.register(BarElement, CategoryScale, LinearScale);
-var script$3 = vue.defineComponent({
+var script$4 = vue.defineComponent({
   name: 'FwBarChart',
   components: {
     BarChart: Bar
@@ -25424,7 +25424,7 @@ var _hoisted_2$g = {
   key: 1,
   "class": "font-normal"
 };
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_BarChart = vue.resolveComponent("BarChart");
   return _ctx.xModel.length > 0 && _ctx.yModel.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
     key: 0,
@@ -25441,12 +25441,12 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
     data: _ctx.chartData,
     role: "img"
   }, null, 8, ["id", "options", "data"])], 4)) : vue.createCommentVNode("", true);
-}script$3.render = render$7;var script$2 = vue.defineComponent({
+}script$4.render = render$8;var script$3 = vue.defineComponent({
   name: 'FwSidebarMenu',
   emits: ['toggled', 'update:modelValue'],
   components: {
-    FwButton: script$f,
-    ChevronRightSvg: render$P
+    FwButton: script$g,
+    ChevronRightSvg: render$Q
   },
   props: {
     /**
@@ -25515,7 +25515,7 @@ var _hoisted_2$f = {
 var _hoisted_3$d = {
   "class": "flex flex-col space-y-1"
 };
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$menuItems;
   var _component_ChevronRightSvg = vue.resolveComponent("ChevronRightSvg");
   var _component_FwButton = vue.resolveComponent("FwButton");
@@ -25568,11 +25568,11 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   })], 2)) : vue.createCommentVNode("", true);
 }var css_248z$7 = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;-moz-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-transition:opacity 10ms ease-in;-moz-transition:opacity 10ms ease-in;transition:opacity 10ms ease-in}.sidebarMenuSlide-enter-from,.sidebarMenuSlide-leave-to{opacity:0}.sidebarMenuSlide-enter-to,.sidebarMenuSlide-leave-from{opacity:1}";
 var stylesheet$7 = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;-moz-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-transition:opacity 10ms ease-in;-moz-transition:opacity 10ms ease-in;transition:opacity 10ms ease-in}.sidebarMenuSlide-enter-from,.sidebarMenuSlide-leave-to{opacity:0}.sidebarMenuSlide-enter-to,.sidebarMenuSlide-leave-from{opacity:1}";
-styleInject(css_248z$7);script$2.render = render$6;var script$1 = vue.defineComponent({
+styleInject(css_248z$7);script$3.render = render$7;var script$2 = vue.defineComponent({
   name: 'FwDrawer',
   components: {
-    FwButton: script$f,
-    XMarkSvg: render$y
+    FwButton: script$g,
+    XMarkSvg: render$z
   },
   emits: ['update:modelValue', /** Fired when cancel button is clicked */
   'cancel', /** Fired when confirm button is clicked */
@@ -25700,7 +25700,7 @@ var _hoisted_6$3 = {
   key: 1,
   "class": "flex items-center space-x-2"
 };
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_XMarkSvg = vue.resolveComponent("XMarkSvg");
   var _component_FwButton = vue.resolveComponent("FwButton");
   return vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -25771,7 +25771,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   });
 }var css_248z$6 = ".clip-top-shadow{-webkit-clip-path:inset(-4px 0 0 0);clip-path:inset(-4px 0 0 0)}.drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;-moz-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@-webkit-keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes drawerSlideInOut{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}";
 var stylesheet$6 = ".clip-top-shadow{-webkit-clip-path:inset(-4px 0 0 0);clip-path:inset(-4px 0 0 0)}.drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;-moz-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@-webkit-keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes drawerSlideInOut{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}";
-styleInject(css_248z$6);script$1.render = render$5;var script = vue.defineComponent({
+styleInject(css_248z$6);script$2.render = render$6;var script$1 = vue.defineComponent({
   name: 'FwProviderList',
   emits: [
   /**
@@ -25780,15 +25780,15 @@ styleInject(css_248z$6);script$1.render = render$5;var script = vue.defineCompon
   'changed'],
   components: {
     FwTable: __default__$6,
-    FwInput: script$m,
-    FwDropdown: script$i,
-    FwButton: script$f,
-    FwTableHead: script$9,
-    FwTableRow: script$8,
+    FwInput: script$n,
+    FwDropdown: script$j,
+    FwButton: script$g,
+    FwTableHead: script$a,
+    FwTableRow: script$9,
     FwTag: __default__$7,
-    SolidCheckSvg: render$D,
-    SolidXMarkSvg: render$C,
-    SearchSvg: render$z
+    SolidCheckSvg: render$E,
+    SolidXMarkSvg: render$D,
+    SearchSvg: render$A
   },
   props: {
     /**
@@ -25910,7 +25910,7 @@ var _hoisted_7$2 = /*#__PURE__*/vue.createElementVNode("h4", {
   "class": "w-full font-medium text-center my-6"
 }, "Sorry, we could not find any results.", -1);
 var _hoisted_8$2 = [_hoisted_7$2];
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_SearchSvg = vue.resolveComponent("SearchSvg");
   var _component_SolidXMarkSvg = vue.resolveComponent("SolidXMarkSvg");
   var _component_FwButton = vue.resolveComponent("FwButton");
@@ -26029,7 +26029,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["items", "options"])])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, _hoisted_8$2))]);
 }var css_248z$5 = ".fw-provider-list--table{overflow-x:auto}.fw-provider-list--table::-webkit-scrollbar{-webkit-appearance:none;height:8px}.fw-provider-list--table::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(228 228 228/var(--tw-bg-opacity));border-radius:12px}.fw-provider-list--table::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 75 75/var(--tw-bg-opacity));border-radius:12px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fw-provider-list--table::-webkit-scrollbar-thumb:hover{background-color:var(--colorBody);cursor:pointer}";
 var stylesheet$5 = ".fw-provider-list--table{overflow-x:auto}.fw-provider-list--table::-webkit-scrollbar{-webkit-appearance:none;height:8px}.fw-provider-list--table::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(228 228 228/var(--tw-bg-opacity));border-radius:12px}.fw-provider-list--table::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 75 75/var(--tw-bg-opacity));border-radius:12px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fw-provider-list--table::-webkit-scrollbar-thumb:hover{background-color:var(--colorBody);cursor:pointer}";
-styleInject(css_248z$5);script.render = render$4;var top = 'top';
+styleInject(css_248z$5);script$1.render = render$5;var top = 'top';
 var bottom = 'bottom';
 var right = 'right';
 var left = 'left';
@@ -34601,7 +34601,7 @@ const _sfc_main$7 = vue.defineComponent({
   }
 });
 const CalendarDay_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$4 = {
+const _hoisted_1$4$1 = {
   key: 0,
   class: "vc-highlights vc-day-layer"
 };
@@ -34621,7 +34621,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.dayClasses)
   }, [
-    _ctx.hasHighlights ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+    _ctx.hasHighlights ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4$1, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.highlights, ({ key, wrapperClass, class: bgClass, style }) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           key,
@@ -35985,7 +35985,7 @@ var stylesheet$4=".vc-popover-content-wrapper{--popover-horizontal-content-offse
 styleInject(css_248z$4);var __default__$3 = vue.defineComponent({
   name: 'FwDatePicker',
   components: {
-    CalendarDaySvg: render$v,
+    CalendarDaySvg: render$w,
     DatePicker: DatePicker
   },
   emits: ['update:modelValue'],
@@ -36160,7 +36160,7 @@ var __setup__$3 = __default__$3.setup;
 __default__$3.setup = __setup__$3 ? function (props, ctx) {
   __injectCSSVars__$3();
   return __setup__$3(props, ctx);
-} : __injectCSSVars__$3;var _hoisted_1$3 = {
+} : __injectCSSVars__$3;var _hoisted_1$4 = {
   "class": "fw-date-picker w-full"
 };
 var _hoisted_2$3 = {
@@ -36206,10 +36206,10 @@ var _hoisted_18 = {
   key: 0,
   "class": "text-error"
 };
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CalendarDaySvg = vue.resolveComponent("CalendarDaySvg");
   var _component_DatePicker = vue.resolveComponent("DatePicker");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [vue.createVNode(_component_DatePicker, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [vue.createVNode(_component_DatePicker, {
     modelValue: _ctx.dateModel,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
       return _ctx.dateModel = $event;
@@ -36302,7 +36302,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   })])) : vue.createCommentVNode("", true)]);
 }var css_248z$3 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--248f74ee);--vc-accent-100:var(--6d5f2886);--vc-accent-200:var(--6d5f28a5);--vc-accent-300:var(--6d5f28c4);--vc-accent-400:var(--6d5f28e3);--vc-accent-500:var(--6d5f2902);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--6d5f2940);--vc-accent-800:var(--6d5f295f);--vc-accent-900:var(--colorBody)}";
 var stylesheet$3 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--248f74ee);--vc-accent-100:var(--6d5f2886);--vc-accent-200:var(--6d5f28a5);--vc-accent-300:var(--6d5f28c4);--vc-accent-400:var(--6d5f28e3);--vc-accent-500:var(--6d5f2902);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--6d5f2940);--vc-accent-800:var(--6d5f295f);--vc-accent-900:var(--colorBody)}";
-styleInject(css_248z$3);__default__$3.render = render$3;/**
+styleInject(css_248z$3);__default__$3.render = render$4;/**
  * Gets the first element of `array`.
  *
  * @static
@@ -36534,13 +36534,13 @@ __default__$2.setup = __setup__$2 ? function (props, ctx) {
 } : __injectCSSVars__$2;var _withScopeId$2 = function _withScopeId(n) {
   return vue.pushScopeId("data-v-6df01fae"), n = n(), vue.popScopeId(), n;
 };
-var _hoisted_1$2 = ["id", "aria-hidden"];
+var _hoisted_1$3 = ["id", "aria-hidden"];
 var _hoisted_2$2 = {
   key: 0,
   "data-popper-arrow": "",
   "class": "fw-popover__arrow after:content-[''] after:bg-white after:border after:border-grey-light after:absolute"
 };
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("span", {
     "class": vue.normalizeClass(["fw-popover", _defineProperty$1(_defineProperty$1({
       'fw-popover--visible': _ctx.computedVisible
@@ -36574,11 +36574,72 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, [vue.renderSlot(_ctx.$slots, "content", {}, function () {
     return [vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)];
-  }), _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2)) : vue.createCommentVNode("", true)], 10, _hoisted_1$2)], 2);
+  }), _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2)) : vue.createCommentVNode("", true)], 10, _hoisted_1$3)], 2);
 }var css_248z$2 = ".fw-popover__content[data-v-6df01fae]{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-6df01fae]{text-align:center}.fw-popover__content--left[data-v-6df01fae]{text-align:left}.fw-popover__content--right[data-v-6df01fae]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-6df01fae]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-6df01fae]:after{height:var(--bf2f5546);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--bf2f5546)}.fw-popover__content[data-popper-placement^=top][data-v-6df01fae]{margin-bottom:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=right][data-v-6df01fae]{margin-left:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-6df01fae]{margin-top:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=left][data-v-6df01fae]{margin-right:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-left:none}";
 var stylesheet$2 = ".fw-popover__content[data-v-6df01fae]{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-6df01fae]{text-align:center}.fw-popover__content--left[data-v-6df01fae]{text-align:left}.fw-popover__content--right[data-v-6df01fae]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-6df01fae]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-6df01fae]:after{height:var(--bf2f5546);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--bf2f5546)}.fw-popover__content[data-popper-placement^=top][data-v-6df01fae]{margin-bottom:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=right][data-v-6df01fae]{margin-left:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-6df01fae]{margin-top:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=left][data-v-6df01fae]{margin-right:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-left:none}";
-styleInject(css_248z$2);__default__$2.render = render$2;
-__default__$2.__scopeId = "data-v-6df01fae";var __default__$1 = vue.defineComponent({
+styleInject(css_248z$2);__default__$2.render = render$3;
+__default__$2.__scopeId = "data-v-6df01fae";var script = vue.defineComponent({
+  name: 'FwPeriodSelector',
+  emits: [/** Fired on Click */
+  'periodSelected'],
+  components: {
+    FwButton: script$g
+  },
+  props: {
+    /**
+     * The available periods to be chosen in months.
+     */
+    periodOptions: {
+      type: Array
+    },
+    /**
+     * A size that will be propogated down to the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
+     */
+    size: {
+      type: String,
+      "default": 'lg',
+      validator: function validator(value) {
+        return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
+      }
+    }
+  },
+  setup: function setup(_props, ctx) {
+    var selectedPeriod = vue.ref();
+    var generateButtonLabel = function generateButtonLabel(month) {
+      return month === 1 ? month.toString() + ' month' : month.toString() + ' months';
+    };
+    var onClick = function onClick(period) {
+      selectedPeriod.value = period;
+      ctx.emit('periodSelected', period);
+    };
+    return {
+      generateButtonLabel: generateButtonLabel,
+      onClick: onClick,
+      selectedPeriod: selectedPeriod
+    };
+  }
+});var _hoisted_1$2 = {
+  "class": "flex flex-row w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 rounded-full"
+};
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_FwButton = vue.resolveComponent("FwButton");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.periodOptions, function (period) {
+    return vue.openBlock(), vue.createBlock(_component_FwButton, {
+      key: period,
+      variant: _ctx.selectedPeriod === period ? 'tertiary' : 'transparent',
+      "class": "scale-105 hover:!border-button-primary-bg mx-[3px]",
+      size: _ctx.size,
+      onClick: function onClick($event) {
+        return _ctx.onClick(period);
+      }
+    }, {
+      "default": vue.withCtx(function () {
+        return [vue.createTextVNode(vue.toDisplayString(_ctx.generateButtonLabel(period)), 1)];
+      }),
+      _: 2
+    }, 1032, ["variant", "size", "onClick"]);
+  }), 128))]);
+}script.render = render$2;var __default__$1 = vue.defineComponent({
   name: 'FwEmailPulse',
   props: {
     /**
@@ -36679,14 +36740,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 var stylesheet = ".fw-success-pulse[data-v-d1768f34]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100px;position:relative;width:100px}.fw-success-pulse--checkmark__circle[data-v-d1768f34]{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--colorPrimary);fill:none;-webkit-animation:fwSuccessStroke-d1768f34 .6s cubic-bezier(.65,0,.45,1) forwards;-moz-animation:fwSuccessStroke-d1768f34 .6s cubic-bezier(.65,0,.45,1) forwards;animation:fwSuccessStroke-d1768f34 .6s cubic-bezier(.65,0,.45,1) forwards}.fw-success-pulse--checkmark[data-v-d1768f34]{stroke-width:4;stroke:#fff;stroke-miterlimit:10;-webkit-animation:fwSuccessScaleFill-d1768f34 .6s ease-in-out .4s forwards,fwSuccessScale-d1768f34 .3s ease-in-out .9s both;-moz-animation:fwSuccessScaleFill-d1768f34 .6s ease-in-out .4s forwards,fwSuccessScale-d1768f34 .3s ease-in-out .9s both;animation:fwSuccessScaleFill-d1768f34 .6s ease-in-out .4s forwards,fwSuccessScale-d1768f34 .3s ease-in-out .9s both;border-radius:50%;-webkit-box-shadow:inset 0 0 0 var(--colorPrimary);box-shadow:inset 0 0 0 var(--colorPrimary);display:block;height:70px;margin:10% auto;width:70px}.fw-success-pulse--checkmark__check[data-v-d1768f34]{stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;-webkit-animation:fwSuccessStroke-d1768f34 .3s cubic-bezier(.65,0,.45,1) .8s forwards;-moz-animation:fwSuccessStroke-d1768f34 .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:fwSuccessStroke-d1768f34 .3s cubic-bezier(.65,0,.45,1) .8s forwards;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessStroke-d1768f34{to{stroke-dashoffset:0}}@-moz-keyframes fwSuccessStroke-d1768f34{to{stroke-dashoffset:0}}@keyframes fwSuccessStroke-d1768f34{to{stroke-dashoffset:0}}@-webkit-keyframes fwSuccessScale-d1768f34{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-moz-keyframes fwSuccessScale-d1768f34{0%,to{-moz-transform:none;transform:none}50%{-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@keyframes fwSuccessScale-d1768f34{0%,to{-webkit-transform:none;-moz-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fwSuccessScaleFill-d1768f34{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}@-moz-keyframes fwSuccessScaleFill-d1768f34{to{box-shadow:inset 0 0 0 70px var(--colorPrimary)}}@keyframes fwSuccessScaleFill-d1768f34{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}.fw-success-pulse--circle[data-v-d1768f34]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--6218fb6a);-moz-animation-iteration-count:var(--6218fb6a);animation-iteration-count:var(--6218fb6a);-webkit-animation-name:fwSuccessPulse-d1768f34;-moz-animation-name:fwSuccessPulse-d1768f34;animation-name:fwSuccessPulse-d1768f34;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessPulse-d1768f34{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@-moz-keyframes fwSuccessPulse-d1768f34{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-moz-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwSuccessPulse-d1768f34{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}}";
 styleInject(css_248z);__default__.render = render;
 __default__.__scopeId = "data-v-d1768f34";// Form components
-var Components=/*#__PURE__*/Object.freeze({__proto__:null,FwAccordion:__default__$5,FwBarChart:script$3,FwButton:script$f,FwCard:script$h,FwCheckbox:script$l,FwDatePicker:__default__$3,FwDrawer:script$1,FwDropdown:script$i,FwEmailPulse:__default__$1,FwForm:Form,FwImage:script$j,FwInput:script$m,FwLoadingBar:script$k,FwLoadingCard:script$7,FwLoadingSpinner:script$g,FwLoadingTable:script$6,FwModal:script$b,FwNavigationMenu:script$e,FwPopover:__default__$2,FwProgressBar:script$a,FwProviderList:script,FwSidebarMenu:script$2,FwSuccessPulse:__default__,FwTab:script$c,FwTable:__default__$6,FwTableHead:script$9,FwTableRow:script$8,FwTabs:script$d,FwTag:__default__$7,FwToast:script$5,FwTransactionsCard:script$4});var modalService = function modalService(options) {
+var Components=/*#__PURE__*/Object.freeze({__proto__:null,FwAccordion:__default__$5,FwBarChart:script$4,FwButton:script$g,FwCard:script$i,FwCheckbox:script$m,FwDatePicker:__default__$3,FwDrawer:script$2,FwDropdown:script$j,FwEmailPulse:__default__$1,FwForm:Form,FwImage:script$k,FwInput:script$n,FwLoadingBar:script$l,FwLoadingCard:script$8,FwLoadingSpinner:script$h,FwLoadingTable:script$7,FwModal:script$c,FwNavigationMenu:script$f,FwPeriodSelector:script,FwPopover:__default__$2,FwProgressBar:script$b,FwProviderList:script$1,FwSidebarMenu:script$3,FwSuccessPulse:__default__,FwTab:script$d,FwTable:__default__$6,FwTableHead:script$a,FwTableRow:script$9,FwTabs:script$e,FwTag:__default__$7,FwToast:script$6,FwTransactionsCard:script$5});var modalService = function modalService(options) {
   var elementToMount = document.createElement('div');
   var props = vue.reactive(_objectSpread2(_objectSpread2({}, options), {}, {
     modelValue: false
   }));
   vue.createApp({
     render: function render() {
-      return vue.h(script$b, props);
+      return vue.h(script$c, props);
     }
   }).mount(elementToMount);
   var open = function open() {
@@ -36708,7 +36769,7 @@ var Components=/*#__PURE__*/Object.freeze({__proto__:null,FwAccordion:__default_
     }));
     vue.createApp({
       render: function render() {
-        return vue.h(script$5, props);
+        return vue.h(script$6, props);
       }
     }).mount(elementToMount);
   };