@frollo/frollo-web-ui 8.1.1 → 8.2.0

package/frollo-web-ui.esm.js

@@ -6911,7 +6911,7 @@ function uniqueId(prefix) {
   return toString$2(prefix) + id;
 }
 
-var script$m = defineComponent({
+var script$n = defineComponent({
   name: 'FwInput',
   emits: ['update:modelValue'],
   components: {
@@ -7077,7 +7077,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 = resolveComponent("InputField");
   return openBlock(), createElementBlock("div", _hoisted_1$1f, [createVNode(_component_InputField, {
     modelValue: _ctx.inputValue,
@@ -7164,9 +7164,9 @@ var css_248z$j = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;-moz-an
 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;
+script$n.render = render$18;
 
-var script$l = defineComponent({
+var script$m = defineComponent({
   name: 'FwCheckbox',
   components: {
     InputField: Field
@@ -7254,7 +7254,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 = resolveComponent("InputField");
   return openBlock(), createElementBlock("div", _hoisted_1$1e, [createVNode(_component_InputField, {
     name: _ctx.name,
@@ -7309,8 +7309,8 @@ var css_248z$i = ".fwFadeIn-enter-active[data-v-18f4083f]{-webkit-animation:fwFa
 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";
+script$m.render = render$17;
+script$m.__scopeId = "data-v-18f4083f";
 
 const _hoisted_1$1d = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7322,7 +7322,7 @@ const _hoisted_3$14 = [
   _hoisted_2$18
 ];
 
-function render$15(_ctx, _cache) {
+function render$16(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$1d, [..._hoisted_3$14]))
 }
 
@@ -7336,7 +7336,7 @@ const _hoisted_3$13 = [
   _hoisted_2$17
 ];
 
-function render$14(_ctx, _cache) {
+function render$15(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$1c, [..._hoisted_3$13]))
 }
 
@@ -7350,7 +7350,7 @@ const _hoisted_3$12 = [
   _hoisted_2$16
 ];
 
-function render$13(_ctx, _cache) {
+function render$14(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$1b, [..._hoisted_3$12]))
 }
 
@@ -7364,7 +7364,7 @@ const _hoisted_3$11 = [
   _hoisted_2$15
 ];
 
-function render$12(_ctx, _cache) {
+function render$13(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$1a, [..._hoisted_3$11]))
 }
 
@@ -7380,7 +7380,7 @@ const _hoisted_4$g = [
   _hoisted_3$10
 ];
 
-function render$11(_ctx, _cache) {
+function render$12(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$19, [..._hoisted_4$g]))
 }
 
@@ -7394,7 +7394,7 @@ const _hoisted_3$$ = [
   _hoisted_2$13
 ];
 
-function render$10(_ctx, _cache) {
+function render$11(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$18, [..._hoisted_3$$]))
 }
 
@@ -7408,7 +7408,7 @@ const _hoisted_3$_ = [
   _hoisted_2$12
 ];
 
-function render$$(_ctx, _cache) {
+function render$10(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$17, [..._hoisted_3$_]))
 }
 
@@ -7424,7 +7424,7 @@ const _hoisted_4$f = [
   _hoisted_3$Z
 ];
 
-function render$_(_ctx, _cache) {
+function render$$(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$16, [..._hoisted_4$f]))
 }
 
@@ -7438,7 +7438,7 @@ const _hoisted_3$Y = [
   _hoisted_2$10
 ];
 
-function render$Z(_ctx, _cache) {
+function render$_(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$15, [..._hoisted_3$Y]))
 }
 
@@ -7452,7 +7452,7 @@ const _hoisted_3$X = [
   _hoisted_2$$
 ];
 
-function render$Y(_ctx, _cache) {
+function render$Z(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$14, [..._hoisted_3$X]))
 }
 
@@ -7466,7 +7466,7 @@ const _hoisted_3$W = [
   _hoisted_2$_
 ];
 
-function render$X(_ctx, _cache) {
+function render$Y(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$13, [..._hoisted_3$W]))
 }
 
@@ -7480,7 +7480,7 @@ const _hoisted_3$V = [
   _hoisted_2$Z
 ];
 
-function render$W(_ctx, _cache) {
+function render$X(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$12, [..._hoisted_3$V]))
 }
 
@@ -7494,7 +7494,7 @@ const _hoisted_3$U = [
   _hoisted_2$Y
 ];
 
-function render$V(_ctx, _cache) {
+function render$W(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$11, [..._hoisted_3$U]))
 }
 
@@ -7508,7 +7508,7 @@ const _hoisted_3$T = [
   _hoisted_2$X
 ];
 
-function render$U(_ctx, _cache) {
+function render$V(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$10, [..._hoisted_3$T]))
 }
 
@@ -7522,7 +7522,7 @@ const _hoisted_3$S = [
   _hoisted_2$W
 ];
 
-function render$T(_ctx, _cache) {
+function render$U(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$$, [..._hoisted_3$S]))
 }
 
@@ -7536,7 +7536,7 @@ const _hoisted_3$R = [
   _hoisted_2$V
 ];
 
-function render$S(_ctx, _cache) {
+function render$T(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$_, [..._hoisted_3$R]))
 }
 
@@ -7550,7 +7550,7 @@ const _hoisted_3$Q = [
   _hoisted_2$U
 ];
 
-function render$R(_ctx, _cache) {
+function render$S(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$Z, [..._hoisted_3$Q]))
 }
 
@@ -7564,7 +7564,7 @@ const _hoisted_3$P = [
   _hoisted_2$T
 ];
 
-function render$Q(_ctx, _cache) {
+function render$R(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$Y, [..._hoisted_3$P]))
 }
 
@@ -7578,7 +7578,7 @@ const _hoisted_3$O = [
   _hoisted_2$S
 ];
 
-function render$P(_ctx, _cache) {
+function render$Q(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$X, [..._hoisted_3$O]))
 }
 
@@ -7592,7 +7592,7 @@ const _hoisted_3$N = [
   _hoisted_2$R
 ];
 
-function render$O(_ctx, _cache) {
+function render$P(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$W, [..._hoisted_3$N]))
 }
 
@@ -7606,7 +7606,7 @@ const _hoisted_3$M = [
   _hoisted_2$Q
 ];
 
-function render$N(_ctx, _cache) {
+function render$O(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$V, [..._hoisted_3$M]))
 }
 
@@ -7620,7 +7620,7 @@ const _hoisted_3$L = [
   _hoisted_2$P
 ];
 
-function render$M(_ctx, _cache) {
+function render$N(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$U, [..._hoisted_3$L]))
 }
 
@@ -7634,7 +7634,7 @@ const _hoisted_3$K = [
   _hoisted_2$O
 ];
 
-function render$L(_ctx, _cache) {
+function render$M(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$T, [..._hoisted_3$K]))
 }
 
@@ -7648,7 +7648,7 @@ const _hoisted_3$J = [
   _hoisted_2$N
 ];
 
-function render$K(_ctx, _cache) {
+function render$L(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$S, [..._hoisted_3$J]))
 }
 
@@ -7662,7 +7662,7 @@ const _hoisted_3$I = [
   _hoisted_2$M
 ];
 
-function render$J(_ctx, _cache) {
+function render$K(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$R, [..._hoisted_3$I]))
 }
 
@@ -7676,7 +7676,7 @@ const _hoisted_3$H = [
   _hoisted_2$L
 ];
 
-function render$I(_ctx, _cache) {
+function render$J(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$Q, [..._hoisted_3$H]))
 }
 
@@ -7690,7 +7690,7 @@ const _hoisted_3$G = [
   _hoisted_2$K
 ];
 
-function render$H(_ctx, _cache) {
+function render$I(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$P, [..._hoisted_3$G]))
 }
 
@@ -7704,7 +7704,7 @@ const _hoisted_3$F = [
   _hoisted_2$J
 ];
 
-function render$G(_ctx, _cache) {
+function render$H(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$O, [..._hoisted_3$F]))
 }
 
@@ -7722,7 +7722,7 @@ const _hoisted_3$E = [
   _hoisted_2$I
 ];
 
-function render$F(_ctx, _cache) {
+function render$G(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$N, [..._hoisted_3$E]))
 }
 
@@ -7736,7 +7736,7 @@ const _hoisted_3$D = [
   _hoisted_2$H
 ];
 
-function render$E(_ctx, _cache) {
+function render$F(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$M, [..._hoisted_3$D]))
 }
 
@@ -7750,7 +7750,7 @@ const _hoisted_3$C = [
   _hoisted_2$G
 ];
 
-function render$D(_ctx, _cache) {
+function render$E(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$L, [..._hoisted_3$C]))
 }
 
@@ -7764,7 +7764,7 @@ const _hoisted_3$B = [
   _hoisted_2$F
 ];
 
-function render$C(_ctx, _cache) {
+function render$D(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$K, [..._hoisted_3$B]))
 }
 
@@ -7778,7 +7778,7 @@ const _hoisted_3$A = [
   _hoisted_2$E
 ];
 
-function render$B(_ctx, _cache) {
+function render$C(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$J, [..._hoisted_3$A]))
 }
 
@@ -7792,7 +7792,7 @@ const _hoisted_3$z = [
   _hoisted_2$D
 ];
 
-function render$A(_ctx, _cache) {
+function render$B(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$I, [..._hoisted_3$z]))
 }
 
@@ -7806,7 +7806,7 @@ const _hoisted_3$y = [
   _hoisted_2$C
 ];
 
-function render$z(_ctx, _cache) {
+function render$A(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$H, [..._hoisted_3$y]))
 }
 
@@ -7820,7 +7820,7 @@ const _hoisted_3$x = [
   _hoisted_2$B
 ];
 
-function render$y(_ctx, _cache) {
+function render$z(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$G, [..._hoisted_3$x]))
 }
 
@@ -7834,7 +7834,7 @@ const _hoisted_3$w = [
   _hoisted_2$A
 ];
 
-function render$x(_ctx, _cache) {
+function render$y(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$F, [..._hoisted_3$w]))
 }
 
@@ -7848,7 +7848,7 @@ const _hoisted_3$v = [
   _hoisted_2$z
 ];
 
-function render$w(_ctx, _cache) {
+function render$x(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$E, [..._hoisted_3$v]))
 }
 
@@ -7862,7 +7862,7 @@ const _hoisted_3$u = [
   _hoisted_2$y
 ];
 
-function render$v(_ctx, _cache) {
+function render$w(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$D, [..._hoisted_3$u]))
 }
 
@@ -7876,7 +7876,7 @@ const _hoisted_3$t = [
   _hoisted_2$x
 ];
 
-function render$u(_ctx, _cache) {
+function render$v(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$C, [..._hoisted_3$t]))
 }
 
@@ -7890,7 +7890,7 @@ const _hoisted_3$s = [
   _hoisted_2$w
 ];
 
-function render$t(_ctx, _cache) {
+function render$u(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$B, [..._hoisted_3$s]))
 }
 
@@ -7904,7 +7904,7 @@ const _hoisted_3$r = [
   _hoisted_2$v
 ];
 
-function render$s(_ctx, _cache) {
+function render$t(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$A, [..._hoisted_3$r]))
 }
 
@@ -7973,7 +7973,7 @@ var lazyLoadDirective = {
   }
 };
 
-var script$k = defineComponent({
+var script$l = defineComponent({
   name: 'FwLoadingBar'
 });
 
@@ -7981,7 +7981,7 @@ 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 openBlock(), createElementBlock("div", _hoisted_1$z);
 }
 
@@ -7989,17 +7989,17 @@ var css_248z$h = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linea
 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;
+script$l.render = render$s;
 
-var script$j = defineComponent({
+var script$k = defineComponent({
   name: 'FwImage',
   directives: {
     lazyload: lazyLoadDirective
   },
   emits: ['click', 'mouseover', 'mouseout'],
   components: {
-    FwLoadingBar: script$k,
-    FileExclamationSvg: render$V
+    FwLoadingBar: script$l,
+    FileExclamationSvg: render$W
   },
   props: {
     /**
@@ -8065,7 +8065,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 = resolveComponent("FwLoadingBar");
   var _component_FileExclamationSvg = resolveComponent("FileExclamationSvg");
   var _directive_lazyload = resolveDirective("lazyload");
@@ -8118,14 +8118,14 @@ var css_248z$g = ".fw-image{position:relative}.fw-image img{-webkit-transition:a
 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;
+script$k.render = render$r;
 
-var script$i = defineComponent({
+var script$j = defineComponent({
   name: 'FwDropdown',
   emits: ['update:modelValue'],
   components: {
-    ChevronDownSvg: render$Q,
-    FwImage: script$j
+    ChevronDownSvg: render$R,
+    FwImage: script$k
   },
   props: {
     /**
@@ -8324,7 +8324,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 = resolveComponent("FwImage");
   var _component_ChevronDownSvg = resolveComponent("ChevronDownSvg");
@@ -8387,10 +8387,10 @@ var css_248z$f = ".slideUpDown-enter-active[data-v-72f0ebf0]{-webkit-animation:s
 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";
+script$j.render = render$q;
+script$j.__scopeId = "data-v-72f0ebf0";
 
-var script$h = defineComponent({
+var script$i = defineComponent({
   name: 'FwCard',
   props: {
     /**
@@ -8454,7 +8454,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 openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
@@ -8475,25 +8475,25 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["to", "href", "tabindex", "class"]);
 }
 
-script$h.render = render$o;
+script$i.render = render$p;
 
-var script$g = defineComponent({
+var script$h = 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 = resolveComponent("LoadingSvg");
   return openBlock(), createBlock(_component_LoadingSvg, {
     "class": "fw-loading-spinner animate-spin"
   });
 }
 
-script$g.render = render$n;
+script$h.render = render$o;
 
-var script$f = defineComponent({
+var script$g = defineComponent({
   name: 'FwButton',
   emits: [/** Fired on native click */
   'click', /** Fired on native hover in */
@@ -8502,7 +8502,7 @@ var script$f = defineComponent({
   'focusin', /** Fired on native focus out */
   'focusout'],
   components: {
-    FwLoadingSpinner: script$g
+    FwLoadingSpinner: script$h
   },
   props: {
     /**
@@ -8714,7 +8714,7 @@ var _hoisted_1$v = {
   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 = resolveComponent("FwLoadingSpinner");
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
     "class": 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']]),
@@ -8752,13 +8752,13 @@ var css_248z$e = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webki
 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;
+script$g.render = render$n;
 
-var script$e = defineComponent({
+var script$f = defineComponent({
   name: 'FwNavigationMenu',
   emits: ['action'],
   components: {
-    FwButton: script$f
+    FwButton: script$g
   },
   props: {
     /**
@@ -8838,7 +8838,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 = resolveComponent("FwButton");
   return openBlock(), createElementBlock("nav", _hoisted_1$u, [createElementVNode("div", {
@@ -8926,9 +8926,9 @@ var css_248z$d = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInL
 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;
+script$f.render = render$m;
 
-var script$d = defineComponent({
+var script$e = defineComponent({
   name: 'FwTabs',
   emits: ['update:modelValue'],
   props: {
@@ -8966,7 +8966,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 openBlock(), createElementBlock("div", _hoisted_1$t, [_ctx.state.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2$q, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.state.tabs, function (tab, i) {
     return openBlock(), createElementBlock("li", {
       "class": "mr-2",
@@ -8981,9 +8981,9 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128))])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]);
 }
 
-script$d.render = render$k;
+script$e.render = render$l;
 
-var script$c = defineComponent({
+var script$d = defineComponent({
   name: 'FwTab',
   props: {
     /**
@@ -9023,17 +9023,17 @@ var script$c = defineComponent({
 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 withDirectives((openBlock(), createElementBlock("div", _hoisted_1$s, [renderSlot(_ctx.$slots, "default")], 512)), [[vShow, _ctx.isActive]]);
 }
 
-script$c.render = render$j;
+script$d.render = render$k;
 
-var script$b = defineComponent({
+var script$c = defineComponent({
   name: 'FwModal',
   components: {
-    FwButton: script$f,
-    XMarkSvg: render$y
+    FwButton: script$g,
+    XMarkSvg: render$z
   },
   emits: ['cancel', 'confirm'],
   props: {
@@ -9181,7 +9181,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 = resolveComponent("XMarkSvg");
   var _component_FwButton = resolveComponent("FwButton");
   return _ctx.isMounted ? (openBlock(), createBlock(Teleport, {
@@ -9272,12 +9272,12 @@ var css_248z$c = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;-m
 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;
+script$c.render = render$j;
 
-var script$a = defineComponent({
+var script$b = defineComponent({
   name: 'FwProgressBar',
   components: {
-    CheckSvg: render$S
+    CheckSvg: render$T
   },
   props: {
     /**
@@ -9336,7 +9336,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 = resolveComponent("CheckSvg");
   return openBlock(), createElementBlock("div", _hoisted_1$q, [createElementVNode("div", _hoisted_2$o, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, function (step) {
     return openBlock(), createElementBlock("div", {
@@ -9361,7 +9361,7 @@ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128))])]);
 }
 
-script$a.render = render$h;
+script$b.render = render$i;
 
 var useColours = function useColours() {
   var style = getComputedStyle(document.body);
@@ -9402,8 +9402,8 @@ var useColours = function useColours() {
 var __default__$7 = defineComponent({
   name: 'FwTag',
   components: {
-    FwButton: script$f,
-    XMarkSvg: render$y
+    FwButton: script$g,
+    XMarkSvg: render$z
   },
   emits: [/** Fires when the tag is dismissed. */
   'dismissed'],
@@ -9523,7 +9523,7 @@ __default__$7.setup = __setup__$6 ? function (props, ctx) {
   return __setup__$6(props, ctx);
 } : __injectCSSVars__$6;
 
-function render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function render$h(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_XMarkSvg = resolveComponent("XMarkSvg");
   var _component_FwButton = resolveComponent("FwButton");
   return openBlock(), createElementBlock("span", {
@@ -9555,17 +9555,17 @@ var css_248z$b = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in
 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;
+__default__$7.render = render$h;
 
 var __default__$6 = 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 */
@@ -9717,7 +9717,7 @@ var __default__$6 = defineComponent({
 var __injectCSSVars__$5 = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "11c7ec1c": _ctx.bgHoverColor
+      "73ca01a2": _ctx.bgHoverColor
     };
   });
 };
@@ -9728,7 +9728,7 @@ __default__$6.setup = __setup__$5 ? function (props, ctx) {
 } : __injectCSSVars__$5;
 
 var _withScopeId$4 = function _withScopeId(n) {
-  return pushScopeId("data-v-b7ffd9d4"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-b2774452"), n = n(), popScopeId(), n;
 };
 var _hoisted_1$p = {
   "class": "flex flex-col"
@@ -9762,18 +9762,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 = resolveComponent("ArrowSortSvg");
   var _component_ArrowDownSvg = resolveComponent("ArrowDownSvg");
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
   var _component_ChevronLeftSvg = resolveComponent("ChevronLeftSvg");
   var _component_FwButton = resolveComponent("FwButton");
   var _component_ChevronRightSvg = resolveComponent("ChevronRightSvg");
-  return openBlock(), createElementBlock("div", _hoisted_1$p, [createElementVNode("table", {
-    "class": normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card flex-1", _ctx.loading ? 'cursor-wait' : '']),
+  return openBlock(), createElementBlock("div", _hoisted_1$p, [createElementVNode("table", 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
-  }, [createElementVNode("thead", _hoisted_3$j, [createElementVNode("tr", null, [_ctx.$slots.preHead ? renderSlot(_ctx.$slots, "preHead", {
+  }), [createElementVNode("thead", _hoisted_3$j, [createElementVNode("tr", null, [_ctx.$slots.preHead ? renderSlot(_ctx.$slots, "preHead", {
     key: 0
   }) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
     return openBlock(), createElementBlock(Fragment, {
@@ -9844,7 +9844,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       row: row
     }) : createCommentVNode("", true)], 42, _hoisted_10$1);
-  }), 128))])], 10, _hoisted_2$n), _ctx.enablePagination ? (openBlock(), createElementBlock("div", _hoisted_12$1, [createVNode(_component_FwButton, {
+  }), 128))])], 16, _hoisted_2$n), _ctx.enablePagination ? (openBlock(), createElementBlock("div", _hoisted_12$1, [createVNode(_component_FwButton, {
     variant: 'tertiary',
     disabled: _ctx.currentPage === 1,
     size: "sm",
@@ -9878,14 +9878,14 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["disabled"])])) : 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)}";
+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$f;
-__default__$6.__scopeId = "data-v-b7ffd9d4";
+__default__$6.render = render$g;
+__default__$6.__scopeId = "data-v-b2774452";
 
-var script$9 = defineComponent({
+var script$a = defineComponent({
   name: 'FwTableHead'
 });
 
@@ -9899,31 +9899,31 @@ 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 openBlock(), createElementBlock("th", _hoisted_1$o, [createElementVNode("div", _hoisted_2$m, [_ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_3$i, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)])]);
 }
 
-script$9.render = render$e;
+script$a.render = render$f;
 
-var script$8 = defineComponent({
+var script$9 = 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 openBlock(), createElementBlock("td", _hoisted_1$n, [_ctx.$slots["default"] ? renderSlot(_ctx.$slots, "default", {
     key: 0
   }) : createCommentVNode("", true)]);
 }
 
-script$8.render = render$d;
+script$9.render = render$e;
 
 var __default__$5 = defineComponent({
   name: 'FwAccordion',
   components: {
-    ChevronDownSvg: render$Q
+    ChevronDownSvg: render$R
   },
   emits: [/** Fired when accordion is opened or closed */
   'toggled'],
@@ -10050,7 +10050,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 = resolveComponent("ChevronDownSvg");
   return openBlock(), createElementBlock("div", {
     "class": normalizeClass(["fw-accordion", _ctx.borderStyle])
@@ -10093,13 +10093,13 @@ var css_248z$9 = ".fw-accordion--header-open[data-v-15499edb],.fw-accordion--hea
 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.render = render$d;
 __default__$5.__scopeId = "data-v-15499edb";
 
-var script$7 = defineComponent({
+var script$8 = defineComponent({
   name: 'FwLoadingCard',
   components: {
-    FwLoadingBar: script$k
+    FwLoadingBar: script$l
   }
 });
 
@@ -10109,7 +10109,7 @@ var _hoisted_1$l = {
 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 = resolveComponent("FwLoadingBar");
   return openBlock(), createElementBlock("div", _hoisted_1$l, [createElementVNode("div", _hoisted_2$k, [createVNode(_component_FwLoadingBar, {
     "class": "w-2/4 h-5"
@@ -10118,12 +10118,12 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   })]);
 }
 
-script$7.render = render$b;
+script$8.render = render$c;
 
-var script$6 = defineComponent({
+var script$7 = defineComponent({
   name: 'FwLoadingTable',
   components: {
-    FwLoadingBar: script$k
+    FwLoadingBar: script$l
   },
   props: {
     columns: {
@@ -10155,7 +10155,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 = resolveComponent("FwLoadingBar");
   return openBlock(), createElementBlock("table", {
     "class": normalizeClass(_ctx.tableClass),
@@ -10178,14 +10178,14 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128))])], 2);
 }
 
-script$6.render = render$a;
+script$7.render = render$b;
 
-var script$5 = defineComponent({
+var script$6 = 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: {
@@ -10327,7 +10327,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 openBlock(), createElementBlock(Fragment, null, [_ctx.mountContainer ? (openBlock(), createBlock(Teleport, {
     key: 0,
     to: _ctx.element
@@ -10369,13 +10369,13 @@ var css_248z$8 = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-b
 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;
+script$6.render = render$a;
 
-var script$4 = defineComponent({
+var script$5 = defineComponent({
   name: 'FwTransactionsCard',
   components: {
-    FwCard: script$h,
-    FwImage: script$j
+    FwCard: script$i,
+    FwImage: script$k
   },
   props: {
     /**
@@ -10434,7 +10434,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 = resolveComponent("FwImage");
   var _component_FwCard = resolveComponent("FwCard");
   return openBlock(), createBlock(_component_FwCard, {
@@ -10458,7 +10458,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   });
 }
 
-script$4.render = render$8;
+script$5.render = render$9;
 
 /*!
  * @kurkle/color v0.3.2
@@ -25505,7 +25505,7 @@ const Bubble = /* #__PURE__ */ createTypedChart("bubble", BubbleController);
 const Scatter = /* #__PURE__ */ createTypedChart("scatter", ScatterController);
 
 Chart$1.register(BarElement, CategoryScale, LinearScale);
-var script$3 = defineComponent({
+var script$4 = defineComponent({
   name: 'FwBarChart',
   components: {
     BarChart: Bar
@@ -25722,7 +25722,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 = resolveComponent("BarChart");
   return _ctx.xModel.length > 0 && _ctx.yModel.length > 0 ? (openBlock(), createElementBlock("div", {
     key: 0,
@@ -25741,14 +25741,14 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["id", "options", "data"])], 4)) : createCommentVNode("", true);
 }
 
-script$3.render = render$7;
+script$4.render = render$8;
 
-var script$2 = defineComponent({
+var script$3 = defineComponent({
   name: 'FwSidebarMenu',
   emits: ['toggled', 'update:modelValue'],
   components: {
-    FwButton: script$f,
-    ChevronRightSvg: render$P
+    FwButton: script$g,
+    ChevronRightSvg: render$Q
   },
   props: {
     /**
@@ -25819,7 +25819,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 = resolveComponent("ChevronRightSvg");
   var _component_FwButton = resolveComponent("FwButton");
@@ -25876,13 +25876,13 @@ var css_248z$7 = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease
 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;
+script$3.render = render$7;
 
-var script$1 = defineComponent({
+var script$2 = 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 */
@@ -26012,7 +26012,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 = resolveComponent("XMarkSvg");
   var _component_FwButton = resolveComponent("FwButton");
   return openBlock(), createBlock(Transition, {
@@ -26087,9 +26087,9 @@ var css_248z$6 = ".clip-top-shadow{-webkit-clip-path:inset(-4px 0 0 0);clip-path
 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;
+script$2.render = render$6;
 
-var script = defineComponent({
+var script$1 = defineComponent({
   name: 'FwProviderList',
   emits: [
   /**
@@ -26098,15 +26098,15 @@ var script = defineComponent({
   '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: {
     /**
@@ -26230,7 +26230,7 @@ var _hoisted_7$2 = /*#__PURE__*/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 = resolveComponent("SearchSvg");
   var _component_SolidXMarkSvg = resolveComponent("SolidXMarkSvg");
   var _component_FwButton = resolveComponent("FwButton");
@@ -26353,7 +26353,7 @@ var css_248z$5 = ".fw-provider-list--table{overflow-x:auto}.fw-provider-list--ta
 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;
+script$1.render = render$5;
 
 var top = 'top';
 var bottom = 'bottom';
@@ -35034,7 +35034,7 @@ const _sfc_main$7 = 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"
 };
@@ -35054,7 +35054,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.dayClasses)
   }, [
-    _ctx.hasHighlights ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+    _ctx.hasHighlights ? (openBlock(), createElementBlock("div", _hoisted_1$4$1, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.highlights, ({ key, wrapperClass, class: bgClass, style }) => {
         return openBlock(), createElementBlock("div", {
           key,
@@ -36422,7 +36422,7 @@ styleInject(css_248z$4);
 var __default__$3 = defineComponent({
   name: 'FwDatePicker',
   components: {
-    CalendarDaySvg: render$v,
+    CalendarDaySvg: render$w,
     DatePicker: DatePicker
   },
   emits: ['update:modelValue'],
@@ -36599,7 +36599,7 @@ __default__$3.setup = __setup__$3 ? function (props, ctx) {
   return __setup__$3(props, ctx);
 } : __injectCSSVars__$3;
 
-var _hoisted_1$3 = {
+var _hoisted_1$4 = {
   "class": "fw-date-picker w-full"
 };
 var _hoisted_2$3 = {
@@ -36645,10 +36645,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 = resolveComponent("CalendarDaySvg");
   var _component_DatePicker = resolveComponent("DatePicker");
-  return openBlock(), createElementBlock("div", _hoisted_1$3, [createVNode(_component_DatePicker, {
+  return openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(_component_DatePicker, {
     modelValue: _ctx.dateModel,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
       return _ctx.dateModel = $event;
@@ -36745,7 +36745,7 @@ var css_248z$3 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--248f74ee);--v
 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;
+__default__$3.render = render$4;
 
 /**
  * Gets the first element of `array`.
@@ -36983,13 +36983,13 @@ __default__$2.setup = __setup__$2 ? function (props, ctx) {
 var _withScopeId$2 = function _withScopeId(n) {
   return pushScopeId("data-v-6df01fae"), n = n(), 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 openBlock(), createElementBlock("span", {
     "class": normalizeClass(["fw-popover", _defineProperty$1(_defineProperty$1({
       'fw-popover--visible': _ctx.computedVisible
@@ -37023,16 +37023,83 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, [renderSlot(_ctx.$slots, "content", {}, function () {
     return [createTextVNode(toDisplayString(_ctx.title), 1)];
-  }), _ctx.showArrow ? (openBlock(), createElementBlock("span", _hoisted_2$2)) : createCommentVNode("", true)], 10, _hoisted_1$2)], 2);
+  }), _ctx.showArrow ? (openBlock(), createElementBlock("span", _hoisted_2$2)) : 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.render = render$3;
 __default__$2.__scopeId = "data-v-6df01fae";
 
+var script = 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 = 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 = resolveComponent("FwButton");
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.periodOptions, function (period) {
+    return openBlock(), 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": withCtx(function () {
+        return [createTextVNode(toDisplayString(_ctx.generateButtonLabel(period)), 1)];
+      }),
+      _: 2
+    }, 1032, ["variant", "size", "onClick"]);
+  }), 128))]);
+}
+
+script.render = render$2;
+
 var __default__$1 = defineComponent({
   name: 'FwEmailPulse',
   props: {
@@ -37154,36 +37221,37 @@ __default__.__scopeId = "data-v-d1768f34";
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   FwAccordion: __default__$5,
-  FwBarChart: script$3,
-  FwButton: script$f,
-  FwCard: script$h,
-  FwCheckbox: script$l,
+  FwBarChart: script$4,
+  FwButton: script$g,
+  FwCard: script$i,
+  FwCheckbox: script$m,
   FwDatePicker: __default__$3,
-  FwDrawer: script$1,
-  FwDropdown: script$i,
+  FwDrawer: script$2,
+  FwDropdown: script$j,
   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,
+  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$a,
-  FwProviderList: script,
-  FwSidebarMenu: script$2,
+  FwProgressBar: script$b,
+  FwProviderList: script$1,
+  FwSidebarMenu: script$3,
   FwSuccessPulse: __default__,
-  FwTab: script$c,
+  FwTab: script$d,
   FwTable: __default__$6,
-  FwTableHead: script$9,
-  FwTableRow: script$8,
-  FwTabs: script$d,
+  FwTableHead: script$a,
+  FwTableRow: script$9,
+  FwTabs: script$e,
   FwTag: __default__$7,
-  FwToast: script$5,
-  FwTransactionsCard: script$4
+  FwToast: script$6,
+  FwTransactionsCard: script$5
 });
 
 var modalService = function modalService(options) {
@@ -37193,7 +37261,7 @@ var modalService = function modalService(options) {
   }));
   createApp({
     render: function render() {
-      return h(script$b, props);
+      return h(script$c, props);
     }
   }).mount(elementToMount);
   var open = function open() {
@@ -37217,7 +37285,7 @@ var toastService = function toastService() {
     }));
     createApp({
       render: function render() {
-        return h(script$5, props);
+        return h(script$6, props);
       }
     }).mount(elementToMount);
   };
@@ -37246,4 +37314,4 @@ var install = function install(app) {
   });
 };
 
-export { __default__$5 as FwAccordion, script$3 as FwBarChart, script$f as FwButton, script$h as FwCard, script$l as FwCheckbox, __default__$3 as FwDatePicker, script$1 as FwDrawer, script$i as FwDropdown, __default__$1 as FwEmailPulse, Form as FwForm, script$j as FwImage, script$m as FwInput, script$k as FwLoadingBar, script$7 as FwLoadingCard, script$g as FwLoadingSpinner, script$6 as FwLoadingTable, script$b as FwModal, script$e as FwNavigationMenu, __default__$2 as FwPopover, script$a as FwProgressBar, script as FwProviderList, script$2 as FwSidebarMenu, __default__ as FwSuccessPulse, script$c as FwTab, __default__$6 as FwTable, script$9 as FwTableHead, script$8 as FwTableRow, script$d as FwTabs, __default__$7 as FwTag, script$5 as FwToast, script$4 as FwTransactionsCard, install as default, modalService, toastService };
+export { __default__$5 as FwAccordion, script$4 as FwBarChart, script$g as FwButton, script$i as FwCard, script$m as FwCheckbox, __default__$3 as FwDatePicker, script$2 as FwDrawer, script$j as FwDropdown, __default__$1 as FwEmailPulse, Form as FwForm, script$k as FwImage, script$n as FwInput, script$l as FwLoadingBar, script$8 as FwLoadingCard, script$h as FwLoadingSpinner, script$7 as FwLoadingTable, script$c as FwModal, script$f as FwNavigationMenu, script as FwPeriodSelector, __default__$2 as FwPopover, script$b as FwProgressBar, script$1 as FwProviderList, script$3 as FwSidebarMenu, __default__ as FwSuccessPulse, script$d as FwTab, __default__$6 as FwTable, script$a as FwTableHead, script$9 as FwTableRow, script$e as FwTabs, __default__$7 as FwTag, script$6 as FwToast, script$5 as FwTransactionsCard, install as default, modalService, toastService };