@frollo/frollo-web-ui 4.0.0 → 5.0.0

package/frollo-web-ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, inject, warn as warn$1, ref, unref, computed, reactive, watch, nextTick, onUnmounted, onMounted, provide, isRef, onBeforeUnmount, defineComponent, toRef, resolveDynamicComponent, h, markRaw, watchEffect, readonly, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeClass, pushScopeId, popScopeId, Fragment, renderList, createBlock, createTextVNode, Teleport, normalizeStyle, useCssVars, withKeys, resolveDirective, withDirectives, TransitionGroup, version as version$2, isProxy, toRaw, shallowRef, createStaticVNode, createApp } from 'vue';
+import { getCurrentInstance, inject, warn as warn$1, ref, unref, computed, reactive, watch, nextTick, onUnmounted, onMounted, provide, isRef, onBeforeUnmount, defineComponent, toRef, resolveDynamicComponent, h, markRaw, watchEffect, readonly, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, createBlock, Transition, normalizeClass, pushScopeId, popScopeId, Fragment, renderList, createTextVNode, Teleport, normalizeStyle, useCssVars, withKeys, withDirectives, vShow, resolveDirective, TransitionGroup, version as version$2, isProxy, toRaw, shallowRef, createStaticVNode, createApp } from 'vue';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -5111,7 +5111,7 @@ function uniqueId(prefix) {
   return toString$8(prefix) + id;
 }
 
-var script$m = defineComponent({
+var script$l = defineComponent({
   name: 'FwInput',
   emits: ['update:modelValue'],
   components: {
@@ -5182,16 +5182,32 @@ var script$m = defineComponent({
     },
     /**
      * The logical tab order of the input.
-     * Defaults to 1
+     * Defaults to 0
      */
     tabindex: {
       type: String,
-      "default": '1'
+      "default": '0'
+    },
+    /**
+     * Whether the input is rounded.
+     * Defaults to false
+     */
+    rounded: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Enable the error section UI.
+     * Defaults to true
+     */
+    enableErrors: {
+      type: Boolean,
+      "default": true
     }
   },
   setup: function setup(props, ctx) {
     var uuid = uniqueId();
-    var inputBaseClass = ref("border-2 border-grey-40 rounded focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5");
+    var inputBaseClass = ref("border-2 border-grey-40 focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5");
     var inputValue = computed({
       get: function get() {
         return props.modelValue;
@@ -5338,20 +5354,20 @@ $$d({ target: 'Array', proto: true, arity: 1, forced: FORCED$1 }, {
   }
 });
 
-var _hoisted_1$V = {
+var _hoisted_1$Y = {
   "class": "fw-input w-full"
 };
-var _hoisted_2$R = {
+var _hoisted_2$U = {
   "class": "flex flex-col"
 };
-var _hoisted_3$O = {
+var _hoisted_3$R = {
   "class": "flex flex-row justify-between"
 };
-var _hoisted_4$d = ["for"];
+var _hoisted_4$f = ["for"];
 var _hoisted_5$8 = {
   key: 1
 };
-var _hoisted_6$6 = {
+var _hoisted_6$7 = {
   "class": "relative"
 };
 var _hoisted_7$6 = {
@@ -5369,12 +5385,13 @@ var _hoisted_9$5 = /*#__PURE__*/createElementVNode("svg", {
 }, [/*#__PURE__*/createElementVNode("path", {
   d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n                  242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n                  0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n                  400 256 400z"
 })], -1);
-var _hoisted_10$3 = [_hoisted_9$5];
+var _hoisted_10$4 = [_hoisted_9$5];
 var _hoisted_11$1 = {
-  key: 1,
+  key: 2,
   "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
 };
 var _hoisted_12 = {
+  key: 0,
   "class": "italic text-right text-sm font-medium mt-2 min-h-[21px]"
 };
 var _hoisted_13 = {
@@ -5384,9 +5401,9 @@ var _hoisted_13 = {
 var _hoisted_14 = {
   key: 1
 };
-function render$X(_ctx, _cache, $props, $setup, $data, $options) {
+function render$_(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = resolveComponent("InputField");
-  return openBlock(), createElementBlock("div", _hoisted_1$V, [createVNode(_component_InputField, {
+  return openBlock(), createElementBlock("div", _hoisted_1$Y, [createVNode(_component_InputField, {
     modelValue: _ctx.inputValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
       return _ctx.inputValue = $event;
@@ -5399,11 +5416,11 @@ function render$X(_ctx, _cache, $props, $setup, $data, $options) {
         errors = _ref.errors,
         errorMessage = _ref.errorMessage,
         meta = _ref.meta;
-      return [createElementVNode("div", _hoisted_2$R, [createElementVNode("div", _hoisted_3$O, [_ctx.label ? (openBlock(), createElementBlock("label", {
+      return [createElementVNode("div", _hoisted_2$U, [createElementVNode("div", _hoisted_3$R, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
         "for": "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "block mb-2 font-medium"
-      }, toDisplayString(_ctx.label), 9, _hoisted_4$d)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$6, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7$6, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
+      }, toDisplayString(_ctx.label), 9, _hoisted_4$f)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$7, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7$6, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
         id: "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
         placeholder: _ctx.placeholder,
         type: _ctx.type,
@@ -5414,18 +5431,19 @@ function render$X(_ctx, _cache, $props, $setup, $data, $options) {
         "class": [{
           'pl-10': !!_ctx.$slots.prefix,
           'pr-20': !!_ctx.$slots.suffix
-        }, _ctx.inputBaseClass]
-      }), null, 16, _hoisted_8$6), createVNode(Transition, {
+        }, _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded']
+      }), null, 16, _hoisted_8$6), _ctx.enableErrors ? (openBlock(), createBlock(Transition, {
+        key: 1,
         name: "fwFadeIn"
       }, {
         "default": withCtx(function () {
           return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("div", {
             key: 0,
             "class": normalizeClass(["flex text-error absolute w-9 h-full inset-y-0 right-0 items-center pr-3 pointer-events-none", _ctx.$slots.suffix ? 'mr-8' : ''])
-          }, _hoisted_10$3, 2)) : createCommentVNode("", true)];
+          }, _hoisted_10$4, 2)) : createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11$1, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_12, [createVNode(Transition, {
+      }, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11$1, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_12, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -5433,7 +5451,7 @@ function render$X(_ctx, _cache, $props, $setup, $data, $options) {
           return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024)])])];
+      }, 1024)])) : createCommentVNode("", true)])];
     }),
     _: 3
   }, 8, ["modelValue", "name", "rules"])]);
@@ -5466,25 +5484,33 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$e = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
-var stylesheet$e = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
-styleInject(css_248z$e);
+var css_248z$f = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
+var stylesheet$f = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
+styleInject(css_248z$f);
 
-script$m.render = render$X;
+script$l.render = render$_;
 
-var script$l = defineComponent({
+var script$k = defineComponent({
   name: 'FwCheckbox',
   components: {
     InputField: Field
   },
   props: {
     /**
-     * The name of the input field. Must be unique per form.
+     * The name of the checkbox input field.
+     * Multiple checkboxes can use the same name with a unique value.
      */
     name: {
       type: String,
       required: true
     },
+    /**
+     * The value of the input field. Must be unique per name.
+     */
+    value: {
+      type: String,
+      required: false
+    },
     /**
      * Label for the input. Also renders to an aria-label attribute
      */
@@ -5502,6 +5528,13 @@ var script$l = defineComponent({
      */
     hint: {
       type: String
+    },
+    /**
+     * Enable or disable the error hidden element
+     */
+    enableErrors: {
+      type: Boolean,
+      "default": true
     }
   },
   setup: function setup() {
@@ -5513,18 +5546,19 @@ var script$l = defineComponent({
 });
 
 var _withScopeId$5 = function _withScopeId(n) {
-  return pushScopeId("data-v-3370ec5a"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-9ac45436"), n = n(), popScopeId(), n;
 };
-var _hoisted_1$U = {
+var _hoisted_1$X = {
   "class": "fw-checkbox w-full"
 };
-var _hoisted_2$Q = {
+var _hoisted_2$T = {
   "class": "flex flex-col"
 };
-var _hoisted_3$N = ["for"];
-var _hoisted_4$c = ["value", "name", "id"];
+var _hoisted_3$Q = ["for"];
+var _hoisted_4$e = ["value", "name", "id"];
 var _hoisted_5$7 = ["innerHTML"];
-var _hoisted_6$5 = {
+var _hoisted_6$6 = {
+  key: 0,
   "class": "italic text-sm font-medium min-h-[21px]"
 };
 var _hoisted_7$5 = {
@@ -5534,11 +5568,11 @@ var _hoisted_7$5 = {
 var _hoisted_8$5 = {
   key: 1
 };
-function render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function render$Z(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = resolveComponent("InputField");
-  return openBlock(), createElementBlock("div", _hoisted_1$U, [createVNode(_component_InputField, {
+  return openBlock(), createElementBlock("div", _hoisted_1$X, [createVNode(_component_InputField, {
     name: _ctx.name,
-    value: _ctx.name,
+    value: _ctx.value ? _ctx.value : _ctx.name,
     type: "checkbox",
     rules: _ctx.rules
   }, {
@@ -5547,20 +5581,20 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
         errors = _ref.errors,
         errorMessage = _ref.errorMessage,
         meta = _ref.meta;
-      return [createElementVNode("div", _hoisted_2$Q, [createElementVNode("label", {
+      return [createElementVNode("div", _hoisted_2$T, [createElementVNode("label", {
         "for": "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "inline-flex items-center mb-3"
       }, [createElementVNode("input", mergeProps(field, {
-        value: _ctx.name,
+        value: _ctx.value ? _ctx.value : _ctx.name,
         name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         type: "checkbox",
         "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
-      }), null, 16, _hoisted_4$c), _ctx.label ? (openBlock(), createElementBlock("span", {
+      }), null, 16, _hoisted_4$e), _ctx.label ? (openBlock(), createElementBlock("span", {
         key: 0,
         "class": "ml-2",
         innerHTML: _ctx.label
-      }, null, 8, _hoisted_5$7)) : createCommentVNode("", true)], 8, _hoisted_3$N), createElementVNode("div", _hoisted_6$5, [createVNode(Transition, {
+      }, null, 8, _hoisted_5$7)) : createCommentVNode("", true)], 8, _hoisted_3$Q), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_6$6, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -5568,18 +5602,18 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
           return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_8$5, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024)])])];
+      }, 1024)])) : createCommentVNode("", true)])];
     }),
     _: 1
   }, 8, ["name", "value", "rules"])]);
 }
 
-var css_248z$d = ".fwFadeIn-enter-active[data-v-3370ec5a]{-webkit-animation:fwFadeIn-3370ec5a .35s;animation:fwFadeIn-3370ec5a .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-3370ec5a]{animation:fwFadeIn-3370ec5a .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-3370ec5a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-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-3370ec5a]: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$d = ".fwFadeIn-enter-active[data-v-3370ec5a]{-webkit-animation:fwFadeIn-3370ec5a .35s;animation:fwFadeIn-3370ec5a .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-3370ec5a]{animation:fwFadeIn-3370ec5a .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-3370ec5a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-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-3370ec5a]: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$d);
+var css_248z$e = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-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-9ac45436]: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$e = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-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-9ac45436]: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$e);
 
-script$l.render = render$W;
-script$l.__scopeId = "data-v-3370ec5a";
+script$k.render = render$Z;
+script$k.__scopeId = "data-v-9ac45436";
 
 var es_array_find = {};
 
@@ -5605,12 +5639,54 @@ $$c({ target: 'Array', proto: true, forced: SKIPS_HOLES$1 }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables$1(FIND);
 
-const _hoisted_1$T = {
+const _hoisted_1$W = {
   viewBox: "0 0 52 34",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$P = /*#__PURE__*/createElementVNode("path", { d: "M25.973 19.938a5.608 5.608 0 005.625-5.625c0-3.077-2.549-5.626-5.625-5.626-.088 0-.176.088-.264.088.088.44.176.88.176 1.407a4.126 4.126 0 01-4.13 4.13c-.528 0-.968-.087-1.407-.175v.175c0 3.165 2.46 5.626 5.625 5.626zm24.96-4.043C46.189 6.578 36.697.25 25.974.25 15.163.25 5.67 6.578.924 15.895c-.176.351-.264.79-.264 1.23 0 .527.088.967.264 1.318C5.67 27.76 15.162 34 25.973 34c10.723 0 20.215-6.24 24.96-15.557.177-.351.265-.79.265-1.23 0-.527-.088-.967-.264-1.319zM25.974 3.063c6.152 0 11.25 5.097 11.25 11.25 0 6.24-5.098 11.25-11.25 11.25-6.24 0-11.25-5.01-11.25-11.25 0-6.153 5.01-11.163 11.25-11.25zm0 28.125c-9.492 0-18.105-5.362-22.5-14.063 2.46-4.834 6.416-8.877 11.338-11.338a13.875 13.875 0 00-2.9 8.526c0 7.822 6.24 14.062 14.062 14.062 7.734 0 14.063-6.24 14.063-14.063 0-3.164-1.143-6.152-2.989-8.525 4.922 2.461 8.877 6.504 11.426 11.338-4.482 8.701-13.096 14.063-22.5 14.063z" }, null, -1);
+const _hoisted_2$S = /*#__PURE__*/createElementVNode("path", { d: "M25.973 19.938a5.608 5.608 0 005.625-5.625c0-3.077-2.549-5.626-5.625-5.626-.088 0-.176.088-.264.088.088.44.176.88.176 1.407a4.126 4.126 0 01-4.13 4.13c-.528 0-.968-.087-1.407-.175v.175c0 3.165 2.46 5.626 5.625 5.626zm24.96-4.043C46.189 6.578 36.697.25 25.974.25 15.163.25 5.67 6.578.924 15.895c-.176.351-.264.79-.264 1.23 0 .527.088.967.264 1.318C5.67 27.76 15.162 34 25.973 34c10.723 0 20.215-6.24 24.96-15.557.177-.351.265-.79.265-1.23 0-.527-.088-.967-.264-1.319zM25.974 3.063c6.152 0 11.25 5.097 11.25 11.25 0 6.24-5.098 11.25-11.25 11.25-6.24 0-11.25-5.01-11.25-11.25 0-6.153 5.01-11.163 11.25-11.25zm0 28.125c-9.492 0-18.105-5.362-22.5-14.063 2.46-4.834 6.416-8.877 11.338-11.338a13.875 13.875 0 00-2.9 8.526c0 7.822 6.24 14.062 14.062 14.062 7.734 0 14.063-6.24 14.063-14.063 0-3.164-1.143-6.152-2.989-8.525 4.922 2.461 8.877 6.504 11.426 11.338-4.482 8.701-13.096 14.063-22.5 14.063z" }, null, -1);
+const _hoisted_3$P = [
+  _hoisted_2$S
+];
+
+function render$Y(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1$W, _hoisted_3$P))
+}
+
+const _hoisted_1$V = {
+  viewBox: "0 0 42 55",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$R = /*#__PURE__*/createElementVNode("path", { d: "M39.668 11.086l-8.754-8.754c-.95-.95-2.32-1.582-3.586-1.582H5.707A5.135 5.135 0 00.75 5.918v43.875a4.951 4.951 0 004.957 4.957h30.48c2.743 0 5.063-2.215 5.063-4.957V14.672c0-1.266-.633-2.637-1.582-3.586zM27.75 4.23c.21.106.527.211.738.422l8.86 8.86c.21.21.316.527.422.843H27.75V4.23zm10.125 45.563c0 .844-.844 1.688-1.688 1.688H5.707c-.844 0-1.687-.844-1.687-1.688V5.918c0-.95.843-1.793 1.687-1.793h18.668v11.074c0 1.371 1.055 2.426 2.531 2.426h10.969v32.168zM21 21v13.5h13.395c.105 0 0 0 0 0 0-7.383-6.012-13.395-13.395-13.5zm3.375 4.008a10.314 10.314 0 016.117 6.117h-6.117v-6.117zm-5.063 19.617c-4.746 0-8.437-3.691-8.437-8.438 0-4.007 2.848-7.382 6.75-8.226v-3.375C11.825 25.43 7.5 30.28 7.5 36.188 7.5 42.727 12.773 48 19.313 48c5.906 0 10.757-4.324 11.601-10.125H27.54c-.844 3.902-4.219 6.75-8.227 6.75z" }, null, -1);
+const _hoisted_3$O = [
+  _hoisted_2$R
+];
+
+function render$X(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$O))
+}
+
+const _hoisted_1$U = {
+  viewBox: "0 0 54 42",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$Q = /*#__PURE__*/createElementVNode("path", { d: "M11.25 27c0-1.219-1.031-2.25-2.25-2.25-1.313 0-2.25 1.031-2.25 2.25 0 1.313.938 2.25 2.25 2.25 1.219 0 2.25-.938 2.25-2.25zM27 11.25c1.219 0 2.25-.938 2.25-2.25 0-1.219-1.031-2.25-2.25-2.25-1.313 0-2.25 1.031-2.25 2.25 0 1.313.938 2.25 2.25 2.25zM14.25 12C12.937 12 12 13.031 12 14.25c0 1.313.938 2.25 2.25 2.25 1.219 0 2.25-.938 2.25-2.25 0-1.219-1.031-2.25-2.25-2.25zm26.438 1.125c-.657-.469-1.594-.375-2.157.188l-9.093 11.25C28.688 24.28 27.843 24 27 24c-3.375 0-6 2.719-6 6 0 3.375 2.625 6 6 6 3.281 0 6-2.625 6-6a5.57 5.57 0 00-1.219-3.469l9.094-11.25c.563-.656.375-1.594-.188-2.156zM30 30c0 1.688-1.406 3-3 3-1.688 0-3-1.313-3-3 0-1.594 1.313-3 3-3 1.594 0 3 1.406 3 3zm15-5.25c-1.313 0-2.25 1.031-2.25 2.25 0 1.313.938 2.25 2.25 2.25 1.219 0 2.25-.938 2.25-2.25 0-1.219-1.031-2.25-2.25-2.25zM54 27C54 12.094 41.906 0 27 0 12 0 0 12.094 0 27c0 4.969 1.313 9.656 3.656 13.594.469.937 1.5 1.406 2.531 1.406H47.72c1.031 0 2.062-.469 2.531-1.406A26.627 26.627 0 0054 27zm-3 0c0 4.313-1.125 8.438-3.281 12l-41.532.094A24.525 24.525 0 013 27C3 13.781 13.688 3 27 3c13.219 0 24 10.781 24 24z" }, null, -1);
+const _hoisted_3$N = [
+  _hoisted_2$Q
+];
+
+function render$W(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$N))
+}
+
+const _hoisted_1$T = {
+  viewBox: "0 0 404 146",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$P = /*#__PURE__*/createElementVNode("path", { d: "M130 113.6h-22.8V143H75.6v-29.4H.2V91.8L66.2 3h34L39 87.2h37.6V61h30.6v26.2H130v26.4zM199.691 145.4c-11.6 0-21.934-2.867-31-8.6-9.067-5.733-16.2-14-21.4-24.8-5.067-10.933-7.6-23.933-7.6-39s2.533-28 7.6-38.8c5.2-10.933 12.333-19.267 21.4-25 9.066-5.733 19.4-8.6 31-8.6 11.6 0 21.933 2.867 31 8.6 9.066 5.733 16.133 14.067 21.2 25 5.2 10.8 7.8 23.733 7.8 38.8 0 15.067-2.6 28.067-7.8 39-5.067 10.8-12.134 19.067-21.2 24.8-9.067 5.733-19.4 8.6-31 8.6zm0-27.4c8.533 0 15.2-3.667 20-11 4.933-7.333 7.4-18.667 7.4-34 0-15.333-2.467-26.667-7.4-34-4.8-7.333-11.467-11-20-11-8.4 0-15.067 3.667-20 11-4.8 7.333-7.2 18.667-7.2 34 0 15.333 2.4 26.667 7.2 34 4.933 7.333 11.6 11 20 11zM403.633 113.6h-22.8V143h-31.6v-29.4h-75.4V91.8l66-88.8h34l-61.2 84.2h37.6V61h30.6v26.2h22.8v26.4z" }, null, -1);
 const _hoisted_3$M = [
   _hoisted_2$P
 ];
@@ -5620,25 +5696,27 @@ function render$V(_ctx, _cache) {
 }
 
 const _hoisted_1$S = {
-  viewBox: "0 0 42 55",
   fill: "currentColor",
+  viewBox: "0 0 20 20",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$O = /*#__PURE__*/createElementVNode("path", { d: "M39.668 11.086l-8.754-8.754c-.95-.95-2.32-1.582-3.586-1.582H5.707A5.135 5.135 0 00.75 5.918v43.875a4.951 4.951 0 004.957 4.957h30.48c2.743 0 5.063-2.215 5.063-4.957V14.672c0-1.266-.633-2.637-1.582-3.586zM27.75 4.23c.21.106.527.211.738.422l8.86 8.86c.21.21.316.527.422.843H27.75V4.23zm10.125 45.563c0 .844-.844 1.688-1.688 1.688H5.707c-.844 0-1.687-.844-1.687-1.688V5.918c0-.95.843-1.793 1.687-1.793h18.668v11.074c0 1.371 1.055 2.426 2.531 2.426h10.969v32.168zM21 21v13.5h13.395c.105 0 0 0 0 0 0-7.383-6.012-13.395-13.395-13.5zm3.375 4.008a10.314 10.314 0 016.117 6.117h-6.117v-6.117zm-5.063 19.617c-4.746 0-8.437-3.691-8.437-8.438 0-4.007 2.848-7.382 6.75-8.226v-3.375C11.825 25.43 7.5 30.28 7.5 36.188 7.5 42.727 12.773 48 19.313 48c5.906 0 10.757-4.324 11.601-10.125H27.54c-.844 3.902-4.219 6.75-8.227 6.75z" }, null, -1);
-const _hoisted_3$L = [
-  _hoisted_2$O
+const _hoisted_2$O = /*#__PURE__*/createElementVNode("path", { d: "M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" }, null, -1);
+const _hoisted_3$L = /*#__PURE__*/createElementVNode("path", { d: "M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" }, null, -1);
+const _hoisted_4$d = [
+  _hoisted_2$O,
+  _hoisted_3$L
 ];
 
 function render$U(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_3$L))
+  return (openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_4$d))
 }
 
 const _hoisted_1$R = {
-  viewBox: "0 0 54 42",
+  viewBox: "0 0 24 24",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$N = /*#__PURE__*/createElementVNode("path", { d: "M11.25 27c0-1.219-1.031-2.25-2.25-2.25-1.313 0-2.25 1.031-2.25 2.25 0 1.313.938 2.25 2.25 2.25 1.219 0 2.25-.938 2.25-2.25zM27 11.25c1.219 0 2.25-.938 2.25-2.25 0-1.219-1.031-2.25-2.25-2.25-1.313 0-2.25 1.031-2.25 2.25 0 1.313.938 2.25 2.25 2.25zM14.25 12C12.937 12 12 13.031 12 14.25c0 1.313.938 2.25 2.25 2.25 1.219 0 2.25-.938 2.25-2.25 0-1.219-1.031-2.25-2.25-2.25zm26.438 1.125c-.657-.469-1.594-.375-2.157.188l-9.093 11.25C28.688 24.28 27.843 24 27 24c-3.375 0-6 2.719-6 6 0 3.375 2.625 6 6 6 3.281 0 6-2.625 6-6a5.57 5.57 0 00-1.219-3.469l9.094-11.25c.563-.656.375-1.594-.188-2.156zM30 30c0 1.688-1.406 3-3 3-1.688 0-3-1.313-3-3 0-1.594 1.313-3 3-3 1.594 0 3 1.406 3 3zm15-5.25c-1.313 0-2.25 1.031-2.25 2.25 0 1.313.938 2.25 2.25 2.25 1.219 0 2.25-.938 2.25-2.25 0-1.219-1.031-2.25-2.25-2.25zM54 27C54 12.094 41.906 0 27 0 12 0 0 12.094 0 27c0 4.969 1.313 9.656 3.656 13.594.469.937 1.5 1.406 2.531 1.406H47.72c1.031 0 2.062-.469 2.531-1.406A26.627 26.627 0 0054 27zm-3 0c0 4.313-1.125 8.438-3.281 12l-41.532.094A24.525 24.525 0 013 27C3 13.781 13.688 3 27 3c13.219 0 24 10.781 24 24z" }, null, -1);
+const _hoisted_2$N = /*#__PURE__*/createElementVNode("path", { d: "M12 1.875c5.56 0 10.125 4.504 10.125 10.125A10.122 10.122 0 0112 22.125C6.41 22.125 1.875 17.599 1.875 12 1.875 6.412 6.403 1.875 12 1.875zm0-1.5C5.58.375.375 5.582.375 12 .375 18.422 5.58 23.625 12 23.625S23.625 18.422 23.625 12C23.625 5.582 18.42.375 12 .375zM11.461 6h1.078c.32 0 .575.266.562.586l-.329 7.875a.563.563 0 01-.562.539h-.42a.563.563 0 01-.563-.54L10.9 6.587A.563.563 0 0111.461 6zM12 15.938a1.312 1.312 0 100 2.624 1.312 1.312 0 000-2.625z" }, null, -1);
 const _hoisted_3$K = [
   _hoisted_2$N
 ];
@@ -5648,11 +5726,11 @@ function render$T(_ctx, _cache) {
 }
 
 const _hoisted_1$Q = {
-  viewBox: "0 0 404 146",
   fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
 };
-const _hoisted_2$M = /*#__PURE__*/createElementVNode("path", { d: "M130 113.6h-22.8V143H75.6v-29.4H.2V91.8L66.2 3h34L39 87.2h37.6V61h30.6v26.2H130v26.4zM199.691 145.4c-11.6 0-21.934-2.867-31-8.6-9.067-5.733-16.2-14-21.4-24.8-5.067-10.933-7.6-23.933-7.6-39s2.533-28 7.6-38.8c5.2-10.933 12.333-19.267 21.4-25 9.066-5.733 19.4-8.6 31-8.6 11.6 0 21.933 2.867 31 8.6 9.066 5.733 16.133 14.067 21.2 25 5.2 10.8 7.8 23.733 7.8 38.8 0 15.067-2.6 28.067-7.8 39-5.067 10.8-12.134 19.067-21.2 24.8-9.067 5.733-19.4 8.6-31 8.6zm0-27.4c8.533 0 15.2-3.667 20-11 4.933-7.333 7.4-18.667 7.4-34 0-15.333-2.467-26.667-7.4-34-4.8-7.333-11.467-11-20-11-8.4 0-15.067 3.667-20 11-4.8 7.333-7.2 18.667-7.2 34 0 15.333 2.4 26.667 7.2 34 4.933 7.333 11.6 11 20 11zM403.633 113.6h-22.8V143h-31.6v-29.4h-75.4V91.8l66-88.8h34l-61.2 84.2h37.6V61h30.6v26.2h22.8v26.4z" }, null, -1);
+const _hoisted_2$M = /*#__PURE__*/createElementVNode("path", { d: "M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9V7z" }, null, -1);
 const _hoisted_3$J = [
   _hoisted_2$M
 ];
@@ -5663,26 +5741,26 @@ function render$S(_ctx, _cache) {
 
 const _hoisted_1$P = {
   fill: "currentColor",
-  viewBox: "0 0 20 20",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 612 612"
 };
-const _hoisted_2$L = /*#__PURE__*/createElementVNode("path", { d: "M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" }, null, -1);
-const _hoisted_3$I = /*#__PURE__*/createElementVNode("path", { d: "M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" }, null, -1);
-const _hoisted_4$b = [
+const _hoisted_2$L = /*#__PURE__*/createElementVNode("path", { d: "M609.608 315.426a19.767 19.767 0 000-18.853c-58.464-107.643-172.5-180.72-303.607-180.72S60.857 188.931 2.393 296.573a19.767 19.767 0 000 18.853C60.858 423.069 174.892 496.147 306 496.147s245.143-73.078 303.608-180.721zM306 451.855c-80.554 0-145.855-65.302-145.855-145.855S225.446 160.144 306 160.144 451.856 225.446 451.856 306 386.554 451.855 306 451.855z" }, null, -1);
+const _hoisted_3$I = /*#__PURE__*/createElementVNode("path", { d: "M306 231.67c-6.136 0-12.095.749-17.798 2.15 5.841 6.76 9.383 15.563 9.383 25.198 0 21.3-17.267 38.568-38.568 38.568-9.635 0-18.438-3.541-25.198-9.383a74.513 74.513 0 00-2.15 17.798c0 41.052 33.279 74.33 74.33 74.33s74.33-33.279 74.33-74.33S347.052 231.67 306 231.67z" }, null, -1);
+const _hoisted_4$c = [
   _hoisted_2$L,
   _hoisted_3$I
 ];
 
 function render$R(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_4$b))
+  return (openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_4$c))
 }
 
 const _hoisted_1$O = {
-  viewBox: "0 0 24 24",
   fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -64 640 640"
 };
-const _hoisted_2$K = /*#__PURE__*/createElementVNode("path", { d: "M12 1.875c5.56 0 10.125 4.504 10.125 10.125A10.122 10.122 0 0112 22.125C6.41 22.125 1.875 17.599 1.875 12 1.875 6.412 6.403 1.875 12 1.875zm0-1.5C5.58.375.375 5.582.375 12 .375 18.422 5.58 23.625 12 23.625S23.625 18.422 23.625 12C23.625 5.582 18.42.375 12 .375zM11.461 6h1.078c.32 0 .575.266.562.586l-.329 7.875a.563.563 0 01-.562.539h-.42a.563.563 0 01-.563-.54L10.9 6.587A.563.563 0 0111.461 6zM12 15.938a1.312 1.312 0 100 2.624 1.312 1.312 0 000-2.625z" }, null, -1);
+const _hoisted_2$K = /*#__PURE__*/createElementVNode("path", { d: "M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 000 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 01-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0081.25-102.07 32.35 32.35 0 000-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 00-147.32 37.7L45.46 3.37A16 16 0 0023 6.18L3.37 31.45A16 16 0 006.18 53.9l588.36 454.73a16 16 0 0022.46-2.81l19.64-25.27a16 16 0 00-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 00416 256a94.76 94.76 0 00-121.31-92.21A47.65 47.65 0 01304 192a46.64 46.64 0 01-1.54 10l-73.61-56.89A142.31 142.31 0 01320 112a143.92 143.92 0 01144 144c0 21.63-5.29 41.79-13.9 60.11z" }, null, -1);
 const _hoisted_3$H = [
   _hoisted_2$K
 ];
@@ -5692,41 +5770,41 @@ function render$Q(_ctx, _cache) {
 }
 
 const _hoisted_1$N = {
+  viewBox: "0 0 18 18",
   fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
+  xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$J = /*#__PURE__*/createElementVNode("path", { d: "M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9V7z" }, null, -1);
-const _hoisted_3$G = [
-  _hoisted_2$J
+const _hoisted_2$J = /*#__PURE__*/createElementVNode("path", { d: "M16 13h-4.172l-1.414 1.414A1.99 1.99 0 019 15a1.986 1.986 0 01-1.414-.586L6.172 13H2a1 1 0 00-1 1v3a1 1 0 001 1h14a1 1 0 001-1v-3c0-.553-.447-1-1-1zm-1.5 3.25a.752.752 0 01-.75-.75c0-.412.338-.75.75-.75s.75.338.75.75-.338.75-.75.75z" }, null, -1);
+const _hoisted_3$G = /*#__PURE__*/createElementVNode("path", { d: "M4.293 8.706a1 1 0 011.414-1.414l2.292 2.296V2a1 1 0 012 0v7.588l2.293-2.294a1 1 0 111.414 1.414l-4 4A.997.997 0 019 13a.995.995 0 01-.707-.293l-4-4z" }, null, -1);
+const _hoisted_4$b = [
+  _hoisted_2$J,
+  _hoisted_3$G
 ];
 
 function render$P(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_3$G))
+  return (openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_4$b))
 }
 
 const _hoisted_1$M = {
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 612 612"
+  viewBox: "0 0 576 512"
 };
-const _hoisted_2$I = /*#__PURE__*/createElementVNode("path", { d: "M609.608 315.426a19.767 19.767 0 000-18.853c-58.464-107.643-172.5-180.72-303.607-180.72S60.857 188.931 2.393 296.573a19.767 19.767 0 000 18.853C60.858 423.069 174.892 496.147 306 496.147s245.143-73.078 303.608-180.721zM306 451.855c-80.554 0-145.855-65.302-145.855-145.855S225.446 160.144 306 160.144 451.856 225.446 451.856 306 386.554 451.855 306 451.855z" }, null, -1);
-const _hoisted_3$F = /*#__PURE__*/createElementVNode("path", { d: "M306 231.67c-6.136 0-12.095.749-17.798 2.15 5.841 6.76 9.383 15.563 9.383 25.198 0 21.3-17.267 38.568-38.568 38.568-9.635 0-18.438-3.541-25.198-9.383a74.513 74.513 0 00-2.15 17.798c0 41.052 33.279 74.33 74.33 74.33s74.33-33.279 74.33-74.33S347.052 231.67 306 231.67z" }, null, -1);
-const _hoisted_4$a = [
-  _hoisted_2$I,
-  _hoisted_3$F
+const _hoisted_2$I = /*#__PURE__*/createElementVNode("path", { d: "M528 32H48C21.49 32 0 53.49 0 80v16h576V80c0-26.51-21.5-48-48-48zM0 432c0 26.5 21.49 48 48 48h480c26.51 0 48-21.49 48-48V128H0v304zm368-240h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h128c8.836 0 16 7.164 16 16s-7.2 16-16 16H368c-8.836 0-16-7.164-16-16s7.2-16 16-16zM176 192c35.35 0 64 28.66 64 64s-28.65 64-64 64-64-28.66-64-64 28.7-64 64-64zm-64 160h128c26.51 0 48 21.49 48 48 0 8.836-7.164 16-16 16H80c-8.84 0-16-7.2-16-16 0-26.5 21.49-48 48-48z" }, null, -1);
+const _hoisted_3$F = [
+  _hoisted_2$I
 ];
 
 function render$O(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_4$a))
+  return (openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_3$F))
 }
 
 const _hoisted_1$L = {
+  viewBox: "0 0 16 16",
   fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 -64 640 640"
+  xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$H = /*#__PURE__*/createElementVNode("path", { d: "M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 000 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 01-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0081.25-102.07 32.35 32.35 0 000-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 00-147.32 37.7L45.46 3.37A16 16 0 0023 6.18L3.37 31.45A16 16 0 006.18 53.9l588.36 454.73a16 16 0 0022.46-2.81l19.64-25.27a16 16 0 00-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 00416 256a94.76 94.76 0 00-121.31-92.21A47.65 47.65 0 01304 192a46.64 46.64 0 01-1.54 10l-73.61-56.89A142.31 142.31 0 01320 112a143.92 143.92 0 01144 144c0 21.63-5.29 41.79-13.9 60.11z" }, null, -1);
+const _hoisted_2$H = /*#__PURE__*/createElementVNode("path", { d: "M8 0a8 8 0 00-8 8 8 8 0 008 8 8 8 0 008-8 8 8 0 00-8-8zm0 4a1 1 0 110 2 1 1 0 010-2zm1.25 8h-2.5a.75.75 0 010-1.5h.5v-2H7A.75.75 0 017 7h1a.75.75 0 01.75.75v2.75h.5a.75.75 0 010 1.5z" }, null, -1);
 const _hoisted_3$E = [
   _hoisted_2$H
 ];
@@ -5736,27 +5814,25 @@ function render$N(_ctx, _cache) {
 }
 
 const _hoisted_1$K = {
-  viewBox: "0 0 18 18",
+  viewBox: "0 0 104 104",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$G = /*#__PURE__*/createElementVNode("path", { d: "M16 13h-4.172l-1.414 1.414A1.99 1.99 0 019 15a1.986 1.986 0 01-1.414-.586L6.172 13H2a1 1 0 00-1 1v3a1 1 0 001 1h14a1 1 0 001-1v-3c0-.553-.447-1-1-1zm-1.5 3.25a.752.752 0 01-.75-.75c0-.412.338-.75.75-.75s.75.338.75.75-.338.75-.75.75z" }, null, -1);
-const _hoisted_3$D = /*#__PURE__*/createElementVNode("path", { d: "M4.293 8.706a1 1 0 011.414-1.414l2.292 2.296V2a1 1 0 012 0v7.588l2.293-2.294a1 1 0 111.414 1.414l-4 4A.997.997 0 019 13a.995.995 0 01-.707-.293l-4-4z" }, null, -1);
-const _hoisted_4$9 = [
-  _hoisted_2$G,
-  _hoisted_3$D
+const _hoisted_2$G = /*#__PURE__*/createElementVNode("path", { d: "M87.202 25.452L65.569 3.819A13.01 13.01 0 0056.367 0H26c-7.18 0-13 5.82-13 13l.001 78c0 7.18 5.82 13 13 13H78c7.18 0 13-5.82 13-13V34.633c0-3.453-1.36-6.744-3.798-9.181zM58.5 6.922c.91.319 1.76.782 2.462 1.483l21.633 21.633c.707.695 1.174 1.548 1.478 2.462H61.75a3.26 3.26 0 01-3.25-3.25V6.922zM84.5 91c0 3.583-2.917 6.5-6.5 6.5H26a6.509 6.509 0 01-6.5-6.5V13c0-3.583 2.917-6.5 6.5-6.5h26v22.75c0 5.383 4.367 9.75 9.75 9.75H84.5v52zM52 79.625a4.876 4.876 0 00-4.875 4.875 4.875 4.875 0 109.75 0A4.87 4.87 0 0052 79.625zm-.183-4.875c1.97 0 3.433-1.463 3.433-3.25V48.75A3.26 3.26 0 0052 45.5a3.26 3.26 0 00-3.25 3.25V71.5c0 1.787 1.442 3.25 3.067 3.25z" }, null, -1);
+const _hoisted_3$D = [
+  _hoisted_2$G
 ];
 
 function render$M(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_4$9))
+  return (openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$D))
 }
 
 const _hoisted_1$J = {
+  viewBox: "0 0 118 104",
   fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 576 512"
+  xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$F = /*#__PURE__*/createElementVNode("path", { d: "M528 32H48C21.49 32 0 53.49 0 80v16h576V80c0-26.51-21.5-48-48-48zM0 432c0 26.5 21.49 48 48 48h480c26.51 0 48-21.49 48-48V128H0v304zm368-240h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h128c8.836 0 16 7.164 16 16s-7.2 16-16 16H368c-8.836 0-16-7.164-16-16s7.2-16 16-16zM176 192c35.35 0 64 28.66 64 64s-28.65 64-64 64-64-28.66-64-64 28.7-64 64-64zm-64 160h128c26.51 0 48 21.49 48 48 0 8.836-7.164 16-16 16H80c-8.84 0-16-7.2-16-16 0-26.5 21.49-48 48-48z" }, null, -1);
+const _hoisted_2$F = /*#__PURE__*/createElementVNode("path", { d: "M3.82 104a3.255 3.255 0 01-3.25-3.25 3.255 3.255 0 013.25-3.25h3.25v-9.08c0-6.418 2.115-12.837 6.015-17.753L27.362 52 13.086 33.333a29.22 29.22 0 01-6.015-17.76V6.5H3.82a3.25 3.25 0 110-6.5h71.5a3.255 3.255 0 013.25 3.25 3.254 3.254 0 01-3.25 3.25h-3.25v9.074c0 6.424-2.112 12.66-6.012 17.759L51.778 52l4.814 6.277c-1.178 2.234-2.092 4.61-2.783 7.089L45.116 53.97c-.894-1.34-.894-2.782 0-3.94l15.6-20.638c3.209-3.96 4.854-8.815 4.854-13.818V6.5h-52v9.074c0 5.003 1.644 9.857 4.678 13.818L34.025 50.03c.894 1.157.894 2.6 0 3.94L18.248 74.608A22.708 22.708 0 0013.57 88.42v9.08h47.166a36.793 36.793 0 007.028 6.5H3.82zm50.09-19.5a35.463 35.463 0 002.56 6.5H23.32a3.262 3.262 0 01-2.89-1.767c-.557-1.26-.461-2.377.246-3.372l16.07-22.75c1.22-1.463 3.25-1.808 4.713-.934 1.463 1.218 1.808 3.25.752 4.712L29.638 84.5H53.91zM37.032 40.848l-13-16.25c-.772-.792-.934-2.132-.386-3.25A3.215 3.215 0 0126.57 19.5h26c1.26 0 2.397.717 2.925 1.848.549 1.118.386 2.458-.386 3.25l-13 16.25c-.609.955-1.543 1.402-2.539 1.402-.995 0-1.93-.447-2.539-1.402zm2.54-7.048l6.235-7.8H33.334l6.236 7.8zm48.567 24.7c1.97 0 3.25 1.462 3.25 3.25v9.75h6.682a3.26 3.26 0 013.25 3.25A3.26 3.26 0 0198.07 78h-9.932c-1.605 0-3.25-1.463-3.25-3.25v-13c0-1.788 1.645-3.25 3.25-3.25zM59.07 74.75c0-16.148 13.102-29.25 29.25-29.25 16.149 0 29.25 13.102 29.25 29.25S104.469 104 88.32 104c-16.148 0-29.25-13.102-29.25-29.25zM88.32 97.5c12.574 0 22.75-10.177 22.75-22.75S100.894 52 88.32 52c-12.573 0-22.75 10.177-22.75 22.75S75.747 97.5 88.32 97.5z" }, null, -1);
 const _hoisted_3$C = [
   _hoisted_2$F
 ];
@@ -5766,11 +5842,11 @@ function render$L(_ctx, _cache) {
 }
 
 const _hoisted_1$I = {
-  viewBox: "0 0 16 16",
+  viewBox: "0 0 56 56",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$E = /*#__PURE__*/createElementVNode("path", { d: "M8 0a8 8 0 00-8 8 8 8 0 008 8 8 8 0 008-8 8 8 0 00-8-8zm0 4a1 1 0 110 2 1 1 0 010-2zm1.25 8h-2.5a.75.75 0 010-1.5h.5v-2H7A.75.75 0 017 7h1a.75.75 0 01.75.75v2.75h.5a.75.75 0 010 1.5z" }, null, -1);
+const _hoisted_2$E = /*#__PURE__*/createElementVNode("path", { d: "M49 7H7a7 7 0 00-7 7v28a7 7 0 007 7h42a7 7 0 007-7V14c0-3.866-3.14-7-7-7zM7 10.5h42c1.93 0 3.5 1.57 3.5 3.5v3.939L31.15 33.95a5.282 5.282 0 01-6.303 0L3.5 17.937V14c0-1.925 1.57-3.5 3.5-3.5zM52.5 42c0 1.93-1.57 3.5-3.5 3.5H7c-1.93 0-3.5-1.57-3.5-3.5V22.214L22.75 36.75a8.744 8.744 0 0010.5 0L52.5 22.214V42z" }, null, -1);
 const _hoisted_3$B = [
   _hoisted_2$E
 ];
@@ -5780,11 +5856,11 @@ function render$K(_ctx, _cache) {
 }
 
 const _hoisted_1$H = {
-  viewBox: "0 0 104 104",
+  viewBox: "0 0 17 12",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$D = /*#__PURE__*/createElementVNode("path", { d: "M87.202 25.452L65.569 3.819A13.01 13.01 0 0056.367 0H26c-7.18 0-13 5.82-13 13l.001 78c0 7.18 5.82 13 13 13H78c7.18 0 13-5.82 13-13V34.633c0-3.453-1.36-6.744-3.798-9.181zM58.5 6.922c.91.319 1.76.782 2.462 1.483l21.633 21.633c.707.695 1.174 1.548 1.478 2.462H61.75a3.26 3.26 0 01-3.25-3.25V6.922zM84.5 91c0 3.583-2.917 6.5-6.5 6.5H26a6.509 6.509 0 01-6.5-6.5V13c0-3.583 2.917-6.5 6.5-6.5h26v22.75c0 5.383 4.367 9.75 9.75 9.75H84.5v52zM52 79.625a4.876 4.876 0 00-4.875 4.875 4.875 4.875 0 109.75 0A4.87 4.87 0 0052 79.625zm-.183-4.875c1.97 0 3.433-1.463 3.433-3.25V48.75A3.26 3.26 0 0052 45.5a3.26 3.26 0 00-3.25 3.25V71.5c0 1.787 1.442 3.25 3.067 3.25z" }, null, -1);
+const _hoisted_2$D = /*#__PURE__*/createElementVNode("path", { d: "M15.847.621c.359.33.359.865 0 1.164l-9.281 9.281c-.299.359-.833.359-1.164 0L.622 6.285c-.33-.3-.33-.833 0-1.164a.848.848 0 011.193 0L6 9.308 14.684.621c.33-.328.864-.328 1.163 0z" }, null, -1);
 const _hoisted_3$A = [
   _hoisted_2$D
 ];
@@ -5794,11 +5870,11 @@ function render$J(_ctx, _cache) {
 }
 
 const _hoisted_1$G = {
-  viewBox: "0 0 118 104",
+  viewBox: "0 0 56 56",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$C = /*#__PURE__*/createElementVNode("path", { d: "M3.82 104a3.255 3.255 0 01-3.25-3.25 3.255 3.255 0 013.25-3.25h3.25v-9.08c0-6.418 2.115-12.837 6.015-17.753L27.362 52 13.086 33.333a29.22 29.22 0 01-6.015-17.76V6.5H3.82a3.25 3.25 0 110-6.5h71.5a3.255 3.255 0 013.25 3.25 3.254 3.254 0 01-3.25 3.25h-3.25v9.074c0 6.424-2.112 12.66-6.012 17.759L51.778 52l4.814 6.277c-1.178 2.234-2.092 4.61-2.783 7.089L45.116 53.97c-.894-1.34-.894-2.782 0-3.94l15.6-20.638c3.209-3.96 4.854-8.815 4.854-13.818V6.5h-52v9.074c0 5.003 1.644 9.857 4.678 13.818L34.025 50.03c.894 1.157.894 2.6 0 3.94L18.248 74.608A22.708 22.708 0 0013.57 88.42v9.08h47.166a36.793 36.793 0 007.028 6.5H3.82zm50.09-19.5a35.463 35.463 0 002.56 6.5H23.32a3.262 3.262 0 01-2.89-1.767c-.557-1.26-.461-2.377.246-3.372l16.07-22.75c1.22-1.463 3.25-1.808 4.713-.934 1.463 1.218 1.808 3.25.752 4.712L29.638 84.5H53.91zM37.032 40.848l-13-16.25c-.772-.792-.934-2.132-.386-3.25A3.215 3.215 0 0126.57 19.5h26c1.26 0 2.397.717 2.925 1.848.549 1.118.386 2.458-.386 3.25l-13 16.25c-.609.955-1.543 1.402-2.539 1.402-.995 0-1.93-.447-2.539-1.402zm2.54-7.048l6.235-7.8H33.334l6.236 7.8zm48.567 24.7c1.97 0 3.25 1.462 3.25 3.25v9.75h6.682a3.26 3.26 0 013.25 3.25A3.26 3.26 0 0198.07 78h-9.932c-1.605 0-3.25-1.463-3.25-3.25v-13c0-1.788 1.645-3.25 3.25-3.25zM59.07 74.75c0-16.148 13.102-29.25 29.25-29.25 16.149 0 29.25 13.102 29.25 29.25S104.469 104 88.32 104c-16.148 0-29.25-13.102-29.25-29.25zM88.32 97.5c12.574 0 22.75-10.177 22.75-22.75S100.894 52 88.32 52c-12.573 0-22.75 10.177-22.75 22.75S75.747 97.5 88.32 97.5z" }, null, -1);
+const _hoisted_2$C = /*#__PURE__*/createElementVNode("path", { d: "M52.036 39.526c-.35.382-.82.568-1.29.568-.426 0-.852-.154-1.188-.465l-21.563-19.9L6.439 39.536c-.711.657-1.82.616-2.473-.099a1.748 1.748 0 01.097-2.47l22.75-21a1.745 1.745 0 012.376 0l22.75 21c.7.754.754 1.848.098 2.559z" }, null, -1);
 const _hoisted_3$z = [
   _hoisted_2$C
 ];
@@ -5812,7 +5888,7 @@ const _hoisted_1$F = {
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$B = /*#__PURE__*/createElementVNode("path", { d: "M49 7H7a7 7 0 00-7 7v28a7 7 0 007 7h42a7 7 0 007-7V14c0-3.866-3.14-7-7-7zM7 10.5h42c1.93 0 3.5 1.57 3.5 3.5v3.939L31.15 33.95a5.282 5.282 0 01-6.303 0L3.5 17.937V14c0-1.925 1.57-3.5 3.5-3.5zM52.5 42c0 1.93-1.57 3.5-3.5 3.5H7c-1.93 0-3.5-1.57-3.5-3.5V22.214L22.75 36.75a8.744 8.744 0 0010.5 0L52.5 22.214V42z" }, null, -1);
+const _hoisted_2$B = /*#__PURE__*/createElementVNode("path", { d: "M3.966 16.657c.343-.372.813-.656 1.285-.656.425 0 .85.154 1.188.465l21.557 19.808 21.558-19.808a1.745 1.745 0 012.473.099c.656.71.612 1.814-.097 2.47l-22.75 21a1.745 1.745 0 01-2.376 0l-22.75-21c-.7-.562-.745-1.667-.088-2.378z" }, null, -1);
 const _hoisted_3$y = [
   _hoisted_2$B
 ];
@@ -5822,11 +5898,11 @@ function render$H(_ctx, _cache) {
 }
 
 const _hoisted_1$E = {
-  viewBox: "0 0 17 12",
+  viewBox: "0 0 56 56",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$A = /*#__PURE__*/createElementVNode("path", { d: "M15.847.621c.359.33.359.865 0 1.164l-9.281 9.281c-.299.359-.833.359-1.164 0L.622 6.285c-.33-.3-.33-.833 0-1.164a.848.848 0 011.193 0L6 9.308 14.684.621c.33-.328.864-.328 1.163 0z" }, null, -1);
+const _hoisted_2$A = /*#__PURE__*/createElementVNode("path", { d: "M18.645 52.04a1.732 1.732 0 01-.564-1.285c0-.425.154-.85.465-1.187L38.354 28.01 18.546 6.438a1.746 1.746 0 01.099-2.473 1.747 1.747 0 012.47.097l21 22.75a1.745 1.745 0 010 2.376l-21 22.75c-.658.704-1.759.759-2.47.103z" }, null, -1);
 const _hoisted_3$x = [
   _hoisted_2$A
 ];
@@ -5840,7 +5916,7 @@ const _hoisted_1$D = {
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$z = /*#__PURE__*/createElementVNode("path", { d: "M52.036 39.526c-.35.382-.82.568-1.29.568-.426 0-.852-.154-1.188-.465l-21.563-19.9L6.439 39.536c-.711.657-1.82.616-2.473-.099a1.748 1.748 0 01.097-2.47l22.75-21a1.745 1.745 0 012.376 0l22.75 21c.7.754.754 1.848.098 2.559z" }, null, -1);
+const _hoisted_2$z = /*#__PURE__*/createElementVNode("path", { d: "M39.681 3.965c.376.343.564.813.564 1.285 0 .426-.154.851-.465 1.188L19.881 28l19.808 21.558c.656.71.615 1.82-.1 2.473a1.748 1.748 0 01-2.47-.098l-21-22.75a1.745 1.745 0 010-2.375l21-22.75c.746-.705 1.851-.75 2.562-.093z" }, null, -1);
 const _hoisted_3$w = [
   _hoisted_2$z
 ];
@@ -5850,11 +5926,11 @@ function render$F(_ctx, _cache) {
 }
 
 const _hoisted_1$C = {
-  viewBox: "0 0 56 56",
   fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512"
 };
-const _hoisted_2$y = /*#__PURE__*/createElementVNode("path", { d: "M3.966 16.657c.343-.372.813-.656 1.285-.656.425 0 .85.154 1.188.465l21.557 19.808 21.558-19.808a1.745 1.745 0 012.473.099c.656.71.612 1.814-.097 2.47l-22.75 21a1.745 1.745 0 01-2.376 0l-22.75-21c-.7-.562-.745-1.667-.088-2.378z" }, null, -1);
+const _hoisted_2$y = /*#__PURE__*/createElementVNode("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm-24 152c0-13.2 10.8-24 24-24s24 10.75 24 24v128c0 13.25-10.75 24-24 24s-24-10.7-24-24V152zm24 248c-17.36 0-31.44-14.08-31.44-31.44s14.07-31.44 31.44-31.44 31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" }, null, -1);
 const _hoisted_3$v = [
   _hoisted_2$y
 ];
@@ -5864,11 +5940,11 @@ function render$E(_ctx, _cache) {
 }
 
 const _hoisted_1$B = {
-  viewBox: "0 0 56 56",
+  viewBox: "0 0 33 33",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$x = /*#__PURE__*/createElementVNode("path", { d: "M18.645 52.04a1.732 1.732 0 01-.564-1.285c0-.425.154-.85.465-1.187L38.354 28.01 18.546 6.438a1.746 1.746 0 01.099-2.473 1.747 1.747 0 012.47.097l21 22.75a1.745 1.745 0 010 2.376l-21 22.75c-.658.704-1.759.759-2.47.103z" }, null, -1);
+const _hoisted_2$x = /*#__PURE__*/createElementVNode("path", { d: "M5.965 5.39L2.76 3.832c-.395-.155-.877-.044-1.071.357a.788.788 0 00.357 1.07L5.25 6.817a.798.798 0 00.358.088c.37 0 .695-.257.783-.62a.796.796 0 00-.427-.895zm-.356 12.689a.79.79 0 00-.357.087l-3.205 1.558a.796.796 0 00-.363 1.07c.2.356.682.557 1.077.363L5.966 19.6c.332-.17.507-.545.426-.857-.087-.364-.412-.664-.783-.664zM26.444 6.905a.79.79 0 00.356-.088l3.206-1.557a.789.789 0 00.357-1.07c-.194-.356-.677-.558-1.071-.358L26.086 5.39a.803.803 0 00-.425.895c.086.363.412.62.783.62zM4.808 12.469c0-.4-.357-.8-.801-.8H.8c-.444 0-.801.356-.801.755 0 .4.357.847.801.847h3.206c.444 0 .8-.31.8-.802zm26.444-.8h-3.206c-.444 0-.801.356-.801.755 0 .4.357.757.801.757h3.206c.444 0 .8-.357.8-.757s-.355-.756-.8-.756zm-1.248 8.142L26.8 18.255c-.394-.155-.876-.038-1.077.357a.805.805 0 00.363 1.076l3.206 1.558a.805.805 0 001.076-.363.793.793 0 00-.363-1.07zM16.001 3.701c-4.848.014-8.79 4-8.79 8.884 0 2.149.776 4.223 2.182 5.84.668.766 1.795 2.483 2.19 3.806a.792.792 0 00.883.687.809.809 0 00.707-.884l-.03-.166c-.517-1.751-1.803-3.648-2.541-4.496a7.302 7.302 0 01-1.787-4.787c0-4.07 3.157-7.267 7.186-7.277h.025c1.91 0 3.709.744 5.069 2.1a7.248 7.248 0 012.143 5.177 7.3 7.3 0 01-1.786 4.788c-.739.849-2.026 2.745-2.542 4.496l-.031.168c-.053.438.247.88.684.935.04.005.077.008.115.008.39 0 .719-.256.769-.657.418-1.415 1.546-3.131 2.214-3.898a8.912 8.912 0 002.18-5.84c0-2.39-.93-4.633-2.615-6.316C20.559 4.605 18.31 3.641 16 3.701zm3.186 20.788H12.82a.802.802 0 00-.801.803l.004 1.119c0 .314.094.624.268.885l.856 1.287c.261.393.862.715 1.335.715h3.09c.472 0 1.073-.322 1.334-.715l.856-1.286c.148-.223.268-.62.269-.886l-.002-1.119c-.042-.397-.358-.803-.843-.803zm-.762 1.968l-.806 1.225c-.024.022-.085.054-.044.056l-3.02.006c-.02-.005-.056-.014-.07-.014-.007-.012-.008 0 0 0l-.857-1.276v-.32h4.804v.26c-.007.023-.017.063-.007.063zm-1.597-18.75a.801.801 0 00-.802-.8c-3.092 0-5.609 2.515-5.609 5.563a.8.8 0 101.603 0c0-2.208 1.797-3.961 4.006-3.961.441 0 .802-.359.802-.801z" }, null, -1);
 const _hoisted_3$u = [
   _hoisted_2$x
 ];
@@ -5878,11 +5954,11 @@ function render$D(_ctx, _cache) {
 }
 
 const _hoisted_1$A = {
-  viewBox: "0 0 56 56",
+  viewBox: "0 0 32 33",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$w = /*#__PURE__*/createElementVNode("path", { d: "M39.681 3.965c.376.343.564.813.564 1.285 0 .426-.154.851-.465 1.188L19.881 28l19.808 21.558c.656.71.615 1.82-.1 2.473a1.748 1.748 0 01-2.47-.098l-21-22.75a1.745 1.745 0 010-2.375l21-22.75c.746-.705 1.851-.75 2.562-.093z" }, null, -1);
+const _hoisted_2$w = /*#__PURE__*/createElementVNode("path", { d: "M28.01 10.385c.445.28.79.795.79 1.355 0 .86-.7 1.56-1.56 1.56H4.758a1.56 1.56 0 01-.768-2.915l11.615-6.58c.245-.14.5-.14.79 0l11.615 6.58zM4.917 11.7h22.168L16 5.42 4.917 11.7zM6.4 21.3v-6.4H8v6.4h4v-6.4h1.6v6.4h4.8v-6.4H20v6.4h4v-6.4h1.6v6.4c.44 0 .8.36.8.8 0 .44-.36.8-.8.8H6.4a.801.801 0 010-1.6zm-2 4c0-.44.358-.8.8-.8h21.6c.44 0 .8.36.8.8 0 .44-.36.8-.8.8H5.2c-.442 0-.8-.36-.8-.8zm-1.2 3.2c0-.44.358-.8.8-.8h24c.44 0 .8.36.8.8 0 .44-.36.8-.8.8H4c-.442 0-.8-.36-.8-.8z" }, null, -1);
 const _hoisted_3$t = [
   _hoisted_2$w
 ];
@@ -5892,11 +5968,11 @@ function render$C(_ctx, _cache) {
 }
 
 const _hoisted_1$z = {
+  viewBox: "0 0 32 33",
   fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512"
+  xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$v = /*#__PURE__*/createElementVNode("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm-24 152c0-13.2 10.8-24 24-24s24 10.75 24 24v128c0 13.25-10.75 24-24 24s-24-10.7-24-24V152zm24 248c-17.36 0-31.44-14.08-31.44-31.44s14.07-31.44 31.44-31.44 31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" }, null, -1);
+const _hoisted_2$v = /*#__PURE__*/createElementVNode("path", { d: "M11.615 8.339c.065.06.145.12.23.179-.77.03-1.52.094-2.245.192V7.7c0-.763.43-1.386.97-1.852.545-.469 1.285-.854 2.135-1.162 1.7-.62 3.995-.986 6.495-.986 2.455 0 4.795.367 6.495.986.85.308 1.59.693 2.135 1.162.54.466.97 1.09.97 1.852v10.895c0 .77-.41 1.41-.955 1.9-.59.49-1.29.895-2.14 1.22-.515.195-1.09.37-1.705.515v-1.65c.41-.11.79-.23 1.14-.36.74-.285 1.285-.6 1.635-.915.345-.31.425-.555.425-.71v-3.31c-.435.28-.94.525-1.495.735-.515.195-1.09.37-1.705.515v-1.65c.41-.11.79-.23 1.14-.36.74-.285 1.285-.605 1.635-.915.345-.355.425-.555.425-.71v-2.895c-.44.275-.95.51-1.505.71-.865.315-1.88.565-3 .73-.09-.14-.185-.185-.28-.27a7.484 7.484 0 00-1.69-1.125c1.735-.115 3.27-.42 4.38-.84.79-.27 1.335-.574 1.68-.871.35-.3.415-.518.415-.639s-.065-.34-.415-.639c-.345-.297-.89-.601-1.68-.872-1.44-.54-3.545-.889-5.905-.889-2.36 0-4.465.35-5.95.889-.745.271-1.29.575-1.635.872-.35.3-.46.518-.46.639s.11.34.46.639zM3.2 14.1c0-.765.428-1.385.97-1.895.545-.425 1.287-.81 2.134-1.12 1.701-.62 3.996-.985 6.496-.985 2.455 0 4.795.365 6.495.985.85.31 1.59.695 2.135 1.12.54.51.97 1.13.97 1.895v10.895c0 .77-.41 1.41-.955 1.9-.59.49-1.29.895-2.14 1.22-1.7.65-4.005.99-6.505.99-2.545 0-4.802-.34-6.507-.99-.85-.325-1.592-.73-2.137-1.22-.544-.49-.956-1.13-.956-1.9V14.1zm2.013.64c.346.295.893.6 1.638.87 1.484.54 3.589.89 5.949.89s4.465-.35 5.905-.89c.79-.27 1.335-.575 1.68-.87.35-.3.415-.52.415-.64s-.065-.34-.415-.64c-.345-.295-.89-.6-1.68-.87-1.44-.585-3.545-.89-5.905-.89-2.36 0-4.465.305-5.949.89-.745.27-1.292.575-1.638.87-.348.3-.413.52-.413.64s.065.34.413.64zm14.082 2.375c-1.7.62-4.04.985-6.495.985-2.5 0-4.795-.365-6.496-.985a8.184 8.184 0 01-1.504-.71V19.3c0 .155.08.355.427.71.346.31.893.63 1.636.915 1.482.56 3.577.925 5.937.925 2.36 0 4.455-.365 5.94-.925.74-.285 1.285-.605 1.635-.915.345-.355.425-.555.425-.71v-2.895c-.44.27-.95.51-1.505.71zm-14.068 8.59c.346.315.893.63 1.636.915 1.482.56 3.577.885 5.937.885 2.36 0 4.455-.325 5.94-.885.74-.285 1.285-.6 1.635-.915.345-.31.425-.555.425-.71v-3.31c-.435.28-.94.525-1.495.735-1.7.65-4.005 1.03-6.505 1.03-2.545 0-4.802-.38-6.507-1.03a10.41 10.41 0 01-1.538-.735v3.31c0 .155.126.4.472.71z" }, null, -1);
 const _hoisted_3$s = [
   _hoisted_2$v
 ];
@@ -5906,11 +5982,11 @@ function render$B(_ctx, _cache) {
 }
 
 const _hoisted_1$y = {
-  viewBox: "0 0 33 33",
+  viewBox: "0 0 36 21",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$u = /*#__PURE__*/createElementVNode("path", { d: "M5.965 5.39L2.76 3.832c-.395-.155-.877-.044-1.071.357a.788.788 0 00.357 1.07L5.25 6.817a.798.798 0 00.358.088c.37 0 .695-.257.783-.62a.796.796 0 00-.427-.895zm-.356 12.689a.79.79 0 00-.357.087l-3.205 1.558a.796.796 0 00-.363 1.07c.2.356.682.557 1.077.363L5.966 19.6c.332-.17.507-.545.426-.857-.087-.364-.412-.664-.783-.664zM26.444 6.905a.79.79 0 00.356-.088l3.206-1.557a.789.789 0 00.357-1.07c-.194-.356-.677-.558-1.071-.358L26.086 5.39a.803.803 0 00-.425.895c.086.363.412.62.783.62zM4.808 12.469c0-.4-.357-.8-.801-.8H.8c-.444 0-.801.356-.801.755 0 .4.357.847.801.847h3.206c.444 0 .8-.31.8-.802zm26.444-.8h-3.206c-.444 0-.801.356-.801.755 0 .4.357.757.801.757h3.206c.444 0 .8-.357.8-.757s-.355-.756-.8-.756zm-1.248 8.142L26.8 18.255c-.394-.155-.876-.038-1.077.357a.805.805 0 00.363 1.076l3.206 1.558a.805.805 0 001.076-.363.793.793 0 00-.363-1.07zM16.001 3.701c-4.848.014-8.79 4-8.79 8.884 0 2.149.776 4.223 2.182 5.84.668.766 1.795 2.483 2.19 3.806a.792.792 0 00.883.687.809.809 0 00.707-.884l-.03-.166c-.517-1.751-1.803-3.648-2.541-4.496a7.302 7.302 0 01-1.787-4.787c0-4.07 3.157-7.267 7.186-7.277h.025c1.91 0 3.709.744 5.069 2.1a7.248 7.248 0 012.143 5.177 7.3 7.3 0 01-1.786 4.788c-.739.849-2.026 2.745-2.542 4.496l-.031.168c-.053.438.247.88.684.935.04.005.077.008.115.008.39 0 .719-.256.769-.657.418-1.415 1.546-3.131 2.214-3.898a8.912 8.912 0 002.18-5.84c0-2.39-.93-4.633-2.615-6.316C20.559 4.605 18.31 3.641 16 3.701zm3.186 20.788H12.82a.802.802 0 00-.801.803l.004 1.119c0 .314.094.624.268.885l.856 1.287c.261.393.862.715 1.335.715h3.09c.472 0 1.073-.322 1.334-.715l.856-1.286c.148-.223.268-.62.269-.886l-.002-1.119c-.042-.397-.358-.803-.843-.803zm-.762 1.968l-.806 1.225c-.024.022-.085.054-.044.056l-3.02.006c-.02-.005-.056-.014-.07-.014-.007-.012-.008 0 0 0l-.857-1.276v-.32h4.804v.26c-.007.023-.017.063-.007.063zm-1.597-18.75a.801.801 0 00-.802-.8c-3.092 0-5.609 2.515-5.609 5.563a.8.8 0 101.603 0c0-2.208 1.797-3.961 4.006-3.961.441 0 .802-.359.802-.801z" }, null, -1);
+const _hoisted_2$u = /*#__PURE__*/createElementVNode("path", { d: "M34.468 5.972l-13.901 14C19.79 20.66 18.893 21 17.997 21a3.488 3.488 0 01-2.476-1.025l-13.901-14a3.36 3.36 0 01-.857-3.81A3.516 3.516 0 013.996 0h27.902c1.415 0 2.693.851 3.235 2.16.543 1.31.341 2.817-.665 3.812z" }, null, -1);
 const _hoisted_3$r = [
   _hoisted_2$u
 ];
@@ -5920,11 +5996,11 @@ function render$A(_ctx, _cache) {
 }
 
 const _hoisted_1$x = {
-  viewBox: "0 0 32 33",
-  fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 320 512",
+  fill: "currentColor"
 };
-const _hoisted_2$t = /*#__PURE__*/createElementVNode("path", { d: "M28.01 10.385c.445.28.79.795.79 1.355 0 .86-.7 1.56-1.56 1.56H4.758a1.56 1.56 0 01-.768-2.915l11.615-6.58c.245-.14.5-.14.79 0l11.615 6.58zM4.917 11.7h22.168L16 5.42 4.917 11.7zM6.4 21.3v-6.4H8v6.4h4v-6.4h1.6v6.4h4.8v-6.4H20v6.4h4v-6.4h1.6v6.4c.44 0 .8.36.8.8 0 .44-.36.8-.8.8H6.4a.801.801 0 010-1.6zm-2 4c0-.44.358-.8.8-.8h21.6c.44 0 .8.36.8.8 0 .44-.36.8-.8.8H5.2c-.442 0-.8-.36-.8-.8zm-1.2 3.2c0-.44.358-.8.8-.8h24c.44 0 .8.36.8.8 0 .44-.36.8-.8.8H4c-.442 0-.8-.36-.8-.8z" }, null, -1);
+const _hoisted_2$t = /*#__PURE__*/createElementVNode("path", { d: "M287.1 288H31.2c-28.36 0-42.73 34.5-22.62 54.63l127.1 128c12.5 12.5 32.86 12.5 45.36 0l127.1-128C330.7 322.5 316.3 288 287.1 288zM160 448L32.05 320h255.9L160 448zM32.05 224h255.9c28.36 0 42.73-34.5 22.62-54.62l-127.1-128c-12.5-12.5-32.86-12.5-45.36 0L9.304 169.4C-10.69 189.5 3.682 224 32.05 224zM160 63.97L287.1 192H31.2L160 63.97z" }, null, -1);
 const _hoisted_3$q = [
   _hoisted_2$t
 ];
@@ -5934,11 +6010,11 @@ function render$z(_ctx, _cache) {
 }
 
 const _hoisted_1$w = {
-  viewBox: "0 0 32 33",
+  viewBox: "0 0 46 46",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$s = /*#__PURE__*/createElementVNode("path", { d: "M11.615 8.339c.065.06.145.12.23.179-.77.03-1.52.094-2.245.192V7.7c0-.763.43-1.386.97-1.852.545-.469 1.285-.854 2.135-1.162 1.7-.62 3.995-.986 6.495-.986 2.455 0 4.795.367 6.495.986.85.308 1.59.693 2.135 1.162.54.466.97 1.09.97 1.852v10.895c0 .77-.41 1.41-.955 1.9-.59.49-1.29.895-2.14 1.22-.515.195-1.09.37-1.705.515v-1.65c.41-.11.79-.23 1.14-.36.74-.285 1.285-.6 1.635-.915.345-.31.425-.555.425-.71v-3.31c-.435.28-.94.525-1.495.735-.515.195-1.09.37-1.705.515v-1.65c.41-.11.79-.23 1.14-.36.74-.285 1.285-.605 1.635-.915.345-.355.425-.555.425-.71v-2.895c-.44.275-.95.51-1.505.71-.865.315-1.88.565-3 .73-.09-.14-.185-.185-.28-.27a7.484 7.484 0 00-1.69-1.125c1.735-.115 3.27-.42 4.38-.84.79-.27 1.335-.574 1.68-.871.35-.3.415-.518.415-.639s-.065-.34-.415-.639c-.345-.297-.89-.601-1.68-.872-1.44-.54-3.545-.889-5.905-.889-2.36 0-4.465.35-5.95.889-.745.271-1.29.575-1.635.872-.35.3-.46.518-.46.639s.11.34.46.639zM3.2 14.1c0-.765.428-1.385.97-1.895.545-.425 1.287-.81 2.134-1.12 1.701-.62 3.996-.985 6.496-.985 2.455 0 4.795.365 6.495.985.85.31 1.59.695 2.135 1.12.54.51.97 1.13.97 1.895v10.895c0 .77-.41 1.41-.955 1.9-.59.49-1.29.895-2.14 1.22-1.7.65-4.005.99-6.505.99-2.545 0-4.802-.34-6.507-.99-.85-.325-1.592-.73-2.137-1.22-.544-.49-.956-1.13-.956-1.9V14.1zm2.013.64c.346.295.893.6 1.638.87 1.484.54 3.589.89 5.949.89s4.465-.35 5.905-.89c.79-.27 1.335-.575 1.68-.87.35-.3.415-.52.415-.64s-.065-.34-.415-.64c-.345-.295-.89-.6-1.68-.87-1.44-.585-3.545-.89-5.905-.89-2.36 0-4.465.305-5.949.89-.745.27-1.292.575-1.638.87-.348.3-.413.52-.413.64s.065.34.413.64zm14.082 2.375c-1.7.62-4.04.985-6.495.985-2.5 0-4.795-.365-6.496-.985a8.184 8.184 0 01-1.504-.71V19.3c0 .155.08.355.427.71.346.31.893.63 1.636.915 1.482.56 3.577.925 5.937.925 2.36 0 4.455-.365 5.94-.925.74-.285 1.285-.605 1.635-.915.345-.355.425-.555.425-.71v-2.895c-.44.27-.95.51-1.505.71zm-14.068 8.59c.346.315.893.63 1.636.915 1.482.56 3.577.885 5.937.885 2.36 0 4.455-.325 5.94-.885.74-.285 1.285-.6 1.635-.915.345-.31.425-.555.425-.71v-3.31c-.435.28-.94.525-1.495.735-1.7.65-4.005 1.03-6.505 1.03-2.545 0-4.802-.38-6.507-1.03a10.41 10.41 0 01-1.538-.735v3.31c0 .155.126.4.472.71z" }, null, -1);
+const _hoisted_2$s = /*#__PURE__*/createElementVNode("path", { d: "M45.75 23c0 .962-.788 1.75-1.75 1.75H24.75V44a1.75 1.75 0 11-3.5 0V24.75H2c-.967 0-1.75-.782-1.75-1.749 0-.963.783-1.751 1.75-1.751h19.25V2c0-.967.783-1.749 1.75-1.749s1.75.782 1.75 1.749v19.25H44c.962 0 1.75.788 1.75 1.75z" }, null, -1);
 const _hoisted_3$p = [
   _hoisted_2$s
 ];
@@ -5948,11 +6024,11 @@ function render$y(_ctx, _cache) {
 }
 
 const _hoisted_1$v = {
-  viewBox: "0 0 36 21",
+  viewBox: "0 0 26 27",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$r = /*#__PURE__*/createElementVNode("path", { d: "M34.468 5.972l-13.901 14C19.79 20.66 18.893 21 17.997 21a3.488 3.488 0 01-2.476-1.025l-13.901-14a3.36 3.36 0 01-.857-3.81A3.516 3.516 0 013.996 0h27.902c1.415 0 2.693.851 3.235 2.16.543 1.31.341 2.817-.665 3.812z" }, null, -1);
+const _hoisted_2$r = /*#__PURE__*/createElementVNode("path", { d: "M13 13.5A6.4 6.4 0 1013 .7a6.4 6.4 0 000 12.8zm0-11.2c2.647 0 4.8 2.153 4.8 4.8 0 2.646-2.153 4.8-4.8 4.8a4.806 4.806 0 01-4.8-4.8c0-2.647 2.155-4.8 4.8-4.8zm2.535 13.6h-5.07A8.666 8.666 0 001.8 24.565c0 .957.776 1.733 1.733 1.733h18.935a1.73 1.73 0 001.732-1.733 8.666 8.666 0 00-8.665-8.665zm6.93 8.8H3.533a.134.134 0 01-.133-.135c0-3.895 3.17-7.065 7.065-7.065h5.065c3.9 0 7.07 3.17 7.07 7.065 0 .075-.06.135-.135.135z" }, null, -1);
 const _hoisted_3$o = [
   _hoisted_2$r
 ];
@@ -5962,11 +6038,15 @@ function render$x(_ctx, _cache) {
 }
 
 const _hoisted_1$u = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 320 512",
-  fill: "currentColor"
+  viewBox: "0 0 44 44",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$q = /*#__PURE__*/createElementVNode("path", { d: "M287.1 288H31.2c-28.36 0-42.73 34.5-22.62 54.63l127.1 128c12.5 12.5 32.86 12.5 45.36 0l127.1-128C330.7 322.5 316.3 288 287.1 288zM160 448L32.05 320h255.9L160 448zM32.05 224h255.9c28.36 0 42.73-34.5 22.62-54.62l-127.1-128c-12.5-12.5-32.86-12.5-45.36 0L9.304 169.4C-10.69 189.5 3.682 224 32.05 224zM160 63.97L287.1 192H31.2L160 63.97z" }, null, -1);
+const _hoisted_2$q = /*#__PURE__*/createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M26.659 4.613C17.056 2.04 7.186 7.74 4.613 17.341 2.04 26.944 7.739 36.814 17.341 39.387l-1.035 3.863C4.569 40.106-2.395 28.042.749 16.306 3.894 4.57 15.957-2.395 27.694.75c11.736 3.144 18.7 15.208 15.556 26.944l-3.864-1.035c2.573-9.603-3.125-19.473-12.728-22.046z"
+}, null, -1);
 const _hoisted_3$n = [
   _hoisted_2$q
 ];
@@ -5976,11 +6056,11 @@ function render$w(_ctx, _cache) {
 }
 
 const _hoisted_1$t = {
-  viewBox: "0 0 46 46",
+  viewBox: "0 0 26 27",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$p = /*#__PURE__*/createElementVNode("path", { d: "M45.75 23c0 .962-.788 1.75-1.75 1.75H24.75V44a1.75 1.75 0 11-3.5 0V24.75H2c-.967 0-1.75-.782-1.75-1.749 0-.963.783-1.751 1.75-1.751h19.25V2c0-.967.783-1.749 1.75-1.749s1.75.782 1.75 1.749v19.25H44c.962 0 1.75.788 1.75 1.75z" }, null, -1);
+const _hoisted_2$p = /*#__PURE__*/createElementVNode("path", { d: "M15.045 2.129c-.055.053-.115.107-.17.163A11.231 11.231 0 0012.8 2.1C6.615 2.1 1.6 7.115 1.6 13.3s5.015 11.2 11.2 11.2S24 19.485 24 13.3c0-.71-.065-1.405-.19-2.075a4.99 4.99 0 00.16-.17l1.14-1.27c.32 1.115.49 2.295.49 3.515 0 7.07-5.73 12.8-12.8 12.8S0 20.37 0 13.3 5.73.5 12.8.5c1.22 0 2.355.17 3.515.488l-1.27 1.141zm-1.27 3.631l.21 1.25c-.385-.07-.78-.155-1.23-.155-3.49 0-6.4 2.91-6.4 6.4 0 3.58 2.91 6.445 6.4 6.445a6.419 6.419 0 006.445-6.445c0-.36-.04-.8-.11-1.14l1.25.21c.135.02.27.035.405.045.035.305.055.615.055.885 0 4.465-3.58 8.045-8 8.045s-8-3.58-8-8.045c0-4.375 3.58-8 8-8 .315 0 .625.063.93.099.01.135.025.271.045.406zm3.3 4.395l-3.71 3.71a.794.794 0 01-1.13 0 .794.794 0 010-1.13l3.71-3.71-.59-3.52a2.396 2.396 0 01.775-2.19l2.425-2.196c.7-.583 1.74-.288 1.99.552l.895 2.986 2.99.898c.84.25 1.135 1.29.55 1.945l-2.195 2.47c-.55.62-1.375.91-2.19.775l-3.52-.59zm1.39-1.39l2.395.4c.27.045.545-.05.73-.255l1.78-2.005-2.34-.7-2.565 2.56zm1.43-3.693l-.7-2.341-2.005 1.78a.8.8 0 00-.255.729l.4 2.395 2.56-2.563z" }, null, -1);
 const _hoisted_3$m = [
   _hoisted_2$p
 ];
@@ -5990,11 +6070,11 @@ function render$v(_ctx, _cache) {
 }
 
 const _hoisted_1$s = {
-  viewBox: "0 0 26 27",
+  viewBox: "0 0 24 24",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$o = /*#__PURE__*/createElementVNode("path", { d: "M13 13.5A6.4 6.4 0 1013 .7a6.4 6.4 0 000 12.8zm0-11.2c2.647 0 4.8 2.153 4.8 4.8 0 2.646-2.153 4.8-4.8 4.8a4.806 4.806 0 01-4.8-4.8c0-2.647 2.155-4.8 4.8-4.8zm2.535 13.6h-5.07A8.666 8.666 0 001.8 24.565c0 .957.776 1.733 1.733 1.733h18.935a1.73 1.73 0 001.732-1.733 8.666 8.666 0 00-8.665-8.665zm6.93 8.8H3.533a.134.134 0 01-.133-.135c0-3.895 3.17-7.065 7.065-7.065h5.065c3.9 0 7.07 3.17 7.07 7.065 0 .075-.06.135-.135.135z" }, null, -1);
+const _hoisted_2$o = /*#__PURE__*/createElementVNode("path", { d: "M0 12C0 5.372 5.372 0 12 0s12 5.372 12 12-5.372 12-12 12S0 18.628 0 12zm17.428-2.072a1.315 1.315 0 000-1.856 1.316 1.316 0 00-1.856 0L10.5 13.144l-2.072-2.072a1.315 1.315 0 00-1.856 0c-.511.51-.511 1.345 0 1.856l3 3c.51.511 1.345.511 1.856 0l6-6z" }, null, -1);
 const _hoisted_3$l = [
   _hoisted_2$o
 ];
@@ -6004,15 +6084,11 @@ function render$u(_ctx, _cache) {
 }
 
 const _hoisted_1$r = {
-  viewBox: "0 0 44 44",
+  viewBox: "0 0 24 24",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$n = /*#__PURE__*/createElementVNode("path", {
-  "fill-rule": "evenodd",
-  "clip-rule": "evenodd",
-  d: "M26.659 4.613C17.056 2.04 7.186 7.74 4.613 17.341 2.04 26.944 7.739 36.814 17.341 39.387l-1.035 3.863C4.569 40.106-2.395 28.042.749 16.306 3.894 4.57 15.957-2.395 27.694.75c11.736 3.144 18.7 15.208 15.556 26.944l-3.864-1.035c2.573-9.603-3.125-19.473-12.728-22.046z"
-}, null, -1);
+const _hoisted_2$n = /*#__PURE__*/createElementVNode("path", { d: "M0 12C0 5.372 5.372 0 12 0s12 5.372 12 12-5.372 12-12 12S0 18.628 0 12zm8.203-2.245l2.208 2.203-2.208 2.245c-.436.44-.436 1.153 0 1.552.44.478 1.153.478 1.552 0l2.203-2.166 2.245 2.166c.44.478 1.153.478 1.552 0 .478-.399.478-1.111 0-1.552l-2.166-2.245 2.166-2.203c.478-.399.478-1.111 0-1.552-.399-.436-1.111-.436-1.552 0l-2.245 2.208-2.203-2.208c-.399-.436-1.111-.436-1.552 0-.436.44-.436 1.153 0 1.552z" }, null, -1);
 const _hoisted_3$k = [
   _hoisted_2$n
 ];
@@ -6022,11 +6098,11 @@ function render$t(_ctx, _cache) {
 }
 
 const _hoisted_1$q = {
-  viewBox: "0 0 26 27",
+  viewBox: "0 0 20 20",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$m = /*#__PURE__*/createElementVNode("path", { d: "M15.045 2.129c-.055.053-.115.107-.17.163A11.231 11.231 0 0012.8 2.1C6.615 2.1 1.6 7.115 1.6 13.3s5.015 11.2 11.2 11.2S24 19.485 24 13.3c0-.71-.065-1.405-.19-2.075a4.99 4.99 0 00.16-.17l1.14-1.27c.32 1.115.49 2.295.49 3.515 0 7.07-5.73 12.8-12.8 12.8S0 20.37 0 13.3 5.73.5 12.8.5c1.22 0 2.355.17 3.515.488l-1.27 1.141zm-1.27 3.631l.21 1.25c-.385-.07-.78-.155-1.23-.155-3.49 0-6.4 2.91-6.4 6.4 0 3.58 2.91 6.445 6.4 6.445a6.419 6.419 0 006.445-6.445c0-.36-.04-.8-.11-1.14l1.25.21c.135.02.27.035.405.045.035.305.055.615.055.885 0 4.465-3.58 8.045-8 8.045s-8-3.58-8-8.045c0-4.375 3.58-8 8-8 .315 0 .625.063.93.099.01.135.025.271.045.406zm3.3 4.395l-3.71 3.71a.794.794 0 01-1.13 0 .794.794 0 010-1.13l3.71-3.71-.59-3.52a2.396 2.396 0 01.775-2.19l2.425-2.196c.7-.583 1.74-.288 1.99.552l.895 2.986 2.99.898c.84.25 1.135 1.29.55 1.945l-2.195 2.47c-.55.62-1.375.91-2.19.775l-3.52-.59zm1.39-1.39l2.395.4c.27.045.545-.05.73-.255l1.78-2.005-2.34-.7-2.565 2.56zm1.43-3.693l-.7-2.341-2.005 1.78a.8.8 0 00-.255.729l.4 2.395 2.56-2.563z" }, null, -1);
+const _hoisted_2$m = /*#__PURE__*/createElementVNode("path", { d: "M9.45 12.472l-1.7 1.869V3.75a.75.75 0 10-1.5 0v10.59L4.55 12.5a.746.746 0 00-1.059-.042.75.75 0 00-.042 1.06l2.972 3.254a.774.774 0 001.102 0l2.972-3.253a.75.75 0 00-.042-1.06c-.25-.286-.725-.264-1.003.014zm7.1-5.99l-2.972-3.254a.774.774 0 00-1.102 0L9.45 6.481A.75.75 0 0010.55 7.5l1.699-1.84v10.59c0 .413.337.75.75.75.412 0 .75-.336.75-.75V5.66l1.699 1.842a.747.747 0 001.06.042.753.753 0 00.04-1.063z" }, null, -1);
 const _hoisted_3$j = [
   _hoisted_2$m
 ];
@@ -6036,11 +6112,11 @@ function render$s(_ctx, _cache) {
 }
 
 const _hoisted_1$p = {
-  viewBox: "0 0 24 24",
+  viewBox: "0 0 16 16",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$l = /*#__PURE__*/createElementVNode("path", { d: "M0 12C0 5.372 5.372 0 12 0s12 5.372 12 12-5.372 12-12 12S0 18.628 0 12zm17.428-2.072a1.315 1.315 0 000-1.856 1.316 1.316 0 00-1.856 0L10.5 13.144l-2.072-2.072a1.315 1.315 0 00-1.856 0c-.511.51-.511 1.345 0 1.856l3 3c.51.511 1.345.511 1.856 0l6-6z" }, null, -1);
+const _hoisted_2$l = /*#__PURE__*/createElementVNode("path", { d: "M13.794 9.268l-5.25 5.5a.75.75 0 01-1.087-.001l-5.25-5.5c-.285-.327-.275-.774.025-1.061a.75.75 0 011.06.025l3.958 4.147V1.75c0-.414.336-.75.722-.75.386 0 .778.336.778.75v10.628l3.956-4.146a.75.75 0 011.06-.026c.303.287.312.734.028 1.062z" }, null, -1);
 const _hoisted_3$i = [
   _hoisted_2$l
 ];
@@ -6054,7 +6130,7 @@ const _hoisted_1$o = {
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$k = /*#__PURE__*/createElementVNode("path", { d: "M0 12C0 5.372 5.372 0 12 0s12 5.372 12 12-5.372 12-12 12S0 18.628 0 12zm8.203-2.245l2.208 2.203-2.208 2.245c-.436.44-.436 1.153 0 1.552.44.478 1.153.478 1.552 0l2.203-2.166 2.245 2.166c.44.478 1.153.478 1.552 0 .478-.399.478-1.111 0-1.552l-2.166-2.245 2.166-2.203c.478-.399.478-1.111 0-1.552-.399-.436-1.111-.436-1.552 0l-2.245 2.208-2.203-2.208c-.399-.436-1.111-.436-1.552 0-.436.44-.436 1.153 0 1.552z" }, null, -1);
+const _hoisted_2$k = /*#__PURE__*/createElementVNode("path", { d: "M23.78 22.72l-6.633-6.633c1.462-1.706 2.31-3.914 2.31-6.337A9.75 9.75 0 009.708 0C4.324 0 0 4.365 0 9.75c0 5.384 4.365 9.75 9.708 9.75a9.698 9.698 0 006.337-2.35l6.633 6.632c.188.143.38.218.572.218a.747.747 0 00.53-.22.745.745 0 000-1.06zM9.75 18A8.235 8.235 0 011.5 9.75c0-4.547 3.66-8.25 8.25-8.25S18 5.16 18 9.75 14.297 18 9.75 18z" }, null, -1);
 const _hoisted_3$h = [
   _hoisted_2$k
 ];
@@ -6064,11 +6140,11 @@ function render$q(_ctx, _cache) {
 }
 
 const _hoisted_1$n = {
-  viewBox: "0 0 20 20",
+  viewBox: "0 0 30 31",
   fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$j = /*#__PURE__*/createElementVNode("path", { d: "M9.45 12.472l-1.7 1.869V3.75a.75.75 0 10-1.5 0v10.59L4.55 12.5a.746.746 0 00-1.059-.042.75.75 0 00-.042 1.06l2.972 3.254a.774.774 0 001.102 0l2.972-3.253a.75.75 0 00-.042-1.06c-.25-.286-.725-.264-1.003.014zm7.1-5.99l-2.972-3.254a.774.774 0 00-1.102 0L9.45 6.481A.75.75 0 0010.55 7.5l1.699-1.84v10.59c0 .413.337.75.75.75.412 0 .75-.336.75-.75V5.66l1.699 1.842a.747.747 0 001.06.042.753.753 0 00.04-1.063z" }, null, -1);
+const _hoisted_2$j = /*#__PURE__*/createElementVNode("path", { d: "M22.28 22.78a.75.75 0 01-1.06 0L15 16.56l-6.22 6.22a.75.75 0 11-1.06-1.061l6.222-6.22L7.72 9.28a.75.75 0 111.06-1.06l6.22 6.222 6.22-6.22a.75.75 0 111.061 1.06L16.06 15.5l6.22 6.22a.744.744 0 010 1.06z" }, null, -1);
 const _hoisted_3$g = [
   _hoisted_2$j
 ];
@@ -6077,24 +6153,10 @@ function render$p(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$g))
 }
 
-const _hoisted_1$m = {
-  viewBox: "0 0 16 16",
-  fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2$i = /*#__PURE__*/createElementVNode("path", { d: "M13.794 9.268l-5.25 5.5a.75.75 0 01-1.087-.001l-5.25-5.5c-.285-.327-.275-.774.025-1.061a.75.75 0 011.06.025l3.958 4.147V1.75c0-.414.336-.75.722-.75.386 0 .778.336.778.75v10.628l3.956-4.146a.75.75 0 011.06-.026c.303.287.312.734.028 1.062z" }, null, -1);
-const _hoisted_3$f = [
-  _hoisted_2$i
-];
-
-function render$o(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$f))
-}
-
-var script$k = defineComponent({
+var script$j = defineComponent({
   name: 'FwDropdown',
   components: {
-    ChevronDownSvg: render$E
+    ChevronDownSvg: render$H
   },
   props: {
     /**
@@ -6214,22 +6276,22 @@ var script$k = defineComponent({
 var _withScopeId$4 = function _withScopeId(n) {
   return pushScopeId("data-v-1467a810"), n = n(), popScopeId(), n;
 };
-var _hoisted_1$l = {
+var _hoisted_1$m = {
   "class": "fw-dropdown relative"
 };
-var _hoisted_2$h = {
+var _hoisted_2$i = {
   key: 0,
   "class": "block mb-2 font-medium text-left"
 };
-var _hoisted_3$e = ["id", "aria-expanded"];
-var _hoisted_4$8 = {
+var _hoisted_3$f = ["id", "aria-expanded"];
+var _hoisted_4$a = {
   key: 0
 };
 var _hoisted_5$6 = {
   key: 1,
   "class": "text-grey-base"
 };
-var _hoisted_6$4 = ["aria-labelledby"];
+var _hoisted_6$5 = ["aria-labelledby"];
 var _hoisted_7$4 = ["onClick"];
 var _hoisted_8$4 = {
   "class": "italic text-right text-sm font-medium min-h-[21px]"
@@ -6238,13 +6300,13 @@ var _hoisted_9$4 = {
   key: 0,
   "class": "text-error"
 };
-var _hoisted_10$2 = {
+var _hoisted_10$3 = {
   key: 1
 };
-function render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$selectedOption, _ctx$selectedOption2;
   var _component_ChevronDownSvg = resolveComponent("ChevronDownSvg");
-  return openBlock(), createElementBlock("div", _hoisted_1$l, [_ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$h, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true), createElementVNode("button", {
+  return openBlock(), createElementBlock("div", _hoisted_1$m, [_ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$i, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true), createElementVNode("button", {
     type: "button",
     "class": normalizeClass([_ctx.menuButtonClass, _ctx.isOpen ? 'border-primary' : 'border-grey-40 hover:border-grey-60']),
     onClick: _cache[0] || (_cache[0] = function ($event) {
@@ -6253,9 +6315,9 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
     id: "".concat(_ctx.name, "-fw-dropdown--button"),
     "aria-expanded": _ctx.isOpen,
     "aria-haspopup": "true"
-  }, [(_ctx$selectedOption = _ctx.selectedOption) !== null && _ctx$selectedOption !== void 0 && _ctx$selectedOption.label ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString((_ctx$selectedOption2 = _ctx.selectedOption) === null || _ctx$selectedOption2 === void 0 ? void 0 : _ctx$selectedOption2.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$6, toDisplayString(_ctx.placeholder), 1)), createVNode(_component_ChevronDownSvg, {
+  }, [(_ctx$selectedOption = _ctx.selectedOption) !== null && _ctx$selectedOption !== void 0 && _ctx$selectedOption.label ? (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString((_ctx$selectedOption2 = _ctx.selectedOption) === null || _ctx$selectedOption2 === void 0 ? void 0 : _ctx$selectedOption2.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$6, toDisplayString(_ctx.placeholder), 1)), createVNode(_component_ChevronDownSvg, {
     "class": normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
-  }, null, 8, ["class"])], 10, _hoisted_3$e), createVNode(Transition, {
+  }, null, 8, ["class"])], 10, _hoisted_3$f), createVNode(Transition, {
     name: "slideUpDown"
   }, {
     "default": withCtx(function () {
@@ -6276,7 +6338,7 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
             return _ctx.selectOption(option);
           }
         }, toDisplayString(option.label), 11, _hoisted_7$4);
-      }), 128))], 10, _hoisted_6$4)) : createCommentVNode("", true)];
+      }), 128))], 10, _hoisted_6$5)) : createCommentVNode("", true)];
     }),
     _: 1
   }), createElementVNode("div", _hoisted_8$4, [createVNode(Transition, {
@@ -6284,20 +6346,20 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
     mode: "out-in"
   }, {
     "default": withCtx(function () {
-      return [(_ctx.errorMessage || _ctx.errors[0]) && _ctx.meta.touched ? (openBlock(), createElementBlock("span", _hoisted_9$4, toDisplayString(_ctx.errorMessage || _ctx.errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_10$2, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
+      return [(_ctx.errorMessage || _ctx.errors[0]) && _ctx.meta.touched ? (openBlock(), createElementBlock("span", _hoisted_9$4, toDisplayString(_ctx.errorMessage || _ctx.errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_10$3, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
     }),
     _: 1
   })])]);
 }
 
-var css_248z$c = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
-var stylesheet$c = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
-styleInject(css_248z$c);
+var css_248z$d = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
+var stylesheet$d = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
+styleInject(css_248z$d);
 
-script$k.render = render$n;
-script$k.__scopeId = "data-v-1467a810";
+script$j.render = render$o;
+script$j.__scopeId = "data-v-1467a810";
 
-var script$j = defineComponent({
+var script$i = defineComponent({
   name: 'FwCard',
   props: {
     /**
@@ -6352,16 +6414,16 @@ var script$j = defineComponent({
   }
 });
 
-var _hoisted_1$k = {
+var _hoisted_1$l = {
   key: 0,
   "class": "fw-card--header px-8 py-4 bg-grey-lightest rounded-t border-opacity-0"
 };
-var _hoisted_2$g = {
+var _hoisted_2$h = {
   key: 0,
   "class": "fw-card--prefix-title text-primary"
 };
-var _hoisted_3$d = ["innerHTML"];
-function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+var _hoisted_3$e = ["innerHTML"];
+function render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
@@ -6369,11 +6431,11 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
     "class": normalizeClass(["fw-card rounded", [_ctx.to || _ctx.href || !!_ctx.$attrs.onClick ? _ctx.linkClass : '', _ctx.isBordered ? 'border border-grey-40' : 'shadow-card']])
   }, {
     "default": withCtx(function () {
-      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1$k, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("div", {
+      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1$l, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("div", {
         key: 1,
         "class": "inline",
         innerHTML: _ctx.title
-      }, null, 8, _hoisted_3$d)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_3$e)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", {
         key: 1,
         "class": normalizeClass(_ctx.slotPadding ? 'p-8' : '')
       }, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)];
@@ -6382,29 +6444,29 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["to", "href", "tabindex", "class"]);
 }
 
-script$j.render = render$m;
+script$i.render = render$n;
 
-var script$i = defineComponent({
+var script$h = defineComponent({
   name: 'FwLoadingSpinner',
   components: {
-    LoadingSvg: render$t
+    LoadingSvg: render$w
   }
 });
 
-function render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_LoadingSvg = resolveComponent("LoadingSvg");
   return openBlock(), createBlock(_component_LoadingSvg, {
     "class": "fw-loading-spinner animate-spin"
   });
 }
 
-script$i.render = render$l;
+script$h.render = render$m;
 
-var script$h = defineComponent({
+var script$g = defineComponent({
   name: 'FwButton',
   emits: ['click', 'mouseover', 'mouseout', 'focusin', 'focusout'],
   components: {
-    FwLoadingSpinner: script$i
+    FwLoadingSpinner: script$h
   },
   props: {
     /**
@@ -6620,11 +6682,11 @@ var script$h = defineComponent({
   }
 });
 
-var _hoisted_1$j = {
+var _hoisted_1$k = {
   key: 0,
   "class": "fw-button--label relative"
 };
-function render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function render$l(_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']]),
@@ -6641,7 +6703,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseout: _ctx.onMouseout
   }, {
     "default": withCtx(function () {
-      return [_ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_1$j, [createElementVNode("div", {
+      return [_ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_1$k, [createElementVNode("div", {
         "class": normalizeClass(["fw-button--label-wrapper", _ctx.loading ? _ctx.loadingSize.spacing : 'pr-0 ml-0'])
       }, [renderSlot(_ctx.$slots, "default")], 2), _ctx.loading ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -6654,17 +6716,17 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
   }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
-var css_248z$b = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;transition-property:margin,padding;-webkit-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$b = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;transition-property:margin,padding;-webkit-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$b);
+var css_248z$c = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;transition-property:margin,padding;-webkit-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$c = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;transition-property:margin,padding;-webkit-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$c);
 
-script$h.render = render$k;
+script$g.render = render$l;
 
-var script$g = defineComponent({
+var script$f = defineComponent({
   name: 'FwNavigationMenu',
   emits: ['action'],
   components: {
-    FwButton: script$h
+    FwButton: script$g
   },
   props: {
     /**
@@ -6708,25 +6770,25 @@ var script$g = defineComponent({
   }
 });
 
-var _hoisted_1$i = {
+var _hoisted_1$j = {
   "class": "fw-nav-menu relative z-50 h-20 shadow-md"
 };
-var _hoisted_2$f = {
+var _hoisted_2$g = {
   key: 0,
   "class": "flex-shrink-0 flex items-center"
 };
-var _hoisted_3$c = {
+var _hoisted_3$d = {
   key: 1,
   "class": "container hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_4$7 = {
+var _hoisted_4$9 = {
   "class": "flex space-x-2"
 };
 var _hoisted_5$5 = {
   key: 2,
   "class": "hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_6$3 = {
+var _hoisted_6$4 = {
   "class": "flex items-center sm:hidden"
 };
 var _hoisted_7$3 = /*#__PURE__*/createElementVNode("span", {
@@ -6741,15 +6803,15 @@ var _hoisted_8$3 = {
   "aria-hidden": "true"
 };
 var _hoisted_9$3 = ["d"];
-var _hoisted_10$1 = {
+var _hoisted_10$2 = {
   "class": "w-full flex flex-col space-y-1"
 };
-function render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function render$k(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$menuItems;
   var _component_FwButton = resolveComponent("FwButton");
-  return openBlock(), createElementBlock("nav", _hoisted_1$i, [createElementVNode("div", {
+  return openBlock(), createElementBlock("nav", _hoisted_1$j, [createElementVNode("div", {
     "class": normalizeClass(["px-6 flex-1 h-full flex bg-white items-stretch justify-between mx-auto", _ctx.containerClass])
-  }, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_2$f, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$c, [createElementVNode("div", _hoisted_4$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+  }, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_2$g, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$d, [createElementVNode("div", _hoisted_4$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
     return openBlock(), createBlock(_component_FwButton, {
       key: i,
       variant: "text",
@@ -6773,7 +6835,7 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
       return [createTextVNode(toDisplayString(_ctx.actionLabel), 1)];
     }),
     _: 1
-  }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$3, [createVNode(_component_FwButton, {
+  }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$4, [createVNode(_component_FwButton, {
     variant: "text",
     size: "sm",
     onClick: _ctx.toggleMobileMenu
@@ -6794,7 +6856,7 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
       return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
         key: 0,
         "class": normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
-      }, [createElementVNode("div", _hoisted_10$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+      }, [createElementVNode("div", _hoisted_10$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
         return openBlock(), createBlock(_component_FwButton, {
           key: i,
           "class": "w-full rounded-md",
@@ -6825,11 +6887,11 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
   })]);
 }
 
-var css_248z$a = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
-var stylesheet$a = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
-styleInject(css_248z$a);
+var css_248z$b = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
+var stylesheet$b = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
+styleInject(css_248z$b);
 
-script$g.render = render$j;
+script$f.render = render$k;
 
 var es_number_constructor = {};
 
@@ -7031,7 +7093,7 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
   defineBuiltIn$3(global$7, NUMBER, NumberWrapper, { constructor: true });
 }
 
-var script$f = defineComponent({
+var script$e = defineComponent({
   name: 'FwTabs',
   emits: ['update:modelValue'],
   props: {
@@ -7064,16 +7126,16 @@ var script$f = defineComponent({
   }
 });
 
-var _hoisted_1$h = {
+var _hoisted_1$i = {
   "class": "fw-tabs"
 };
-var _hoisted_2$e = {
+var _hoisted_2$f = {
   key: 0,
   "class": "flex flex-wrap -mb-px border-b border-grey-light dark:text-grey-base dark:border-grey-base"
 };
-var _hoisted_3$b = ["onClick"];
-function render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$h, [_ctx.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2$e, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
+var _hoisted_3$c = ["onClick"];
+function render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [_ctx.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2$f, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
     return openBlock(), createElementBlock("li", {
       "class": "mr-2",
       key: i
@@ -7083,11 +7145,11 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
         return _ctx.selectTab(i);
       },
       "class": normalizeClass(["inline-block p-4 outline-primary border-b-2 border-transparent transition ease-in", _ctx.active === i ? 'font-semibold border-body' : 'hover:bg-grey-lightest'])
-    }, toDisplayString(tab.props.label), 11, _hoisted_3$b)]);
+    }, toDisplayString(tab.props.label), 11, _hoisted_3$c)]);
   }), 128))])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]);
 }
 
-script$f.render = render$i;
+script$e.render = render$j;
 
 var es_array_findIndex = {};
 
@@ -7155,7 +7217,7 @@ $$a({ target: 'Array', proto: true, arity: 1, forced: INCORRECT_TO_LENGTH || SIL
   }
 });
 
-var script$e = defineComponent({
+var script$d = defineComponent({
   name: 'FwTab',
   props: {
     /**
@@ -7196,20 +7258,20 @@ var script$e = defineComponent({
   }
 });
 
-var _hoisted_1$g = {
+var _hoisted_1$h = {
   key: 0,
   "class": "fw-tab w-full"
 };
-function render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.isActive ? (openBlock(), createElementBlock("div", _hoisted_1$g, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true);
+function render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.isActive ? (openBlock(), createElementBlock("div", _hoisted_1$h, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true);
 }
 
-script$e.render = render$h;
+script$d.render = render$i;
 
-var script$d = defineComponent({
+var script$c = defineComponent({
   name: 'FwModal',
   components: {
-    FwButton: script$h
+    FwButton: script$g
   },
   emits: ['cancel', 'confirm'],
   props: {
@@ -7311,19 +7373,19 @@ var script$d = defineComponent({
   }
 });
 
-var _hoisted_1$f = ["id"];
-var _hoisted_2$d = {
+var _hoisted_1$g = ["id"];
+var _hoisted_2$e = {
   "class": "fw-modal--mask fixed z-[9999] top-0 left-0 w-full h-full bg-black bg-opacity-50"
 };
-var _hoisted_3$a = {
+var _hoisted_3$b = {
   "class": "fw-modal--wrapper text-center overflow-auto flex justify-center items-center h-full"
 };
-var _hoisted_4$6 = ["role", "aria-labelledby", "aria-describedby"];
+var _hoisted_4$8 = ["role", "aria-labelledby", "aria-describedby"];
 var _hoisted_5$4 = {
   key: 0,
   "class": "fw-modal--header text-center"
 };
-var _hoisted_6$2 = {
+var _hoisted_6$3 = {
   key: 0,
   id: "modal-logo",
   "class": "flex justify-center"
@@ -7331,12 +7393,12 @@ var _hoisted_6$2 = {
 var _hoisted_7$2 = ["id"];
 var _hoisted_8$2 = ["id", "innerHTML"];
 var _hoisted_9$2 = ["id"];
-var _hoisted_10 = ["innerHTML", "id"];
+var _hoisted_10$1 = ["innerHTML", "id"];
 var _hoisted_11 = {
   key: 3,
   "class": "modal-footer flex space-x-4 pt-4 justify-center"
 };
-function render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function render$h(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwButton = resolveComponent("FwButton");
   return _ctx.isMounted ? (openBlock(), createBlock(Teleport, {
     key: 0,
@@ -7350,13 +7412,13 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         "class": "fw-modal z-[9999]",
         id: "fw-modal-".concat(_ctx.uuid)
-      }, [createElementVNode("div", _hoisted_2$d, [createElementVNode("div", _hoisted_3$a, [createElementVNode("div", {
+      }, [createElementVNode("div", _hoisted_2$e, [createElementVNode("div", _hoisted_3$b, [createElementVNode("div", {
         role: _ctx.role,
         "aria-modal": "true",
         "class": "fw-modal--container p-12 m-8 inline-block w-full max-w-[540px] bg-white rounded-2xl shadow",
         "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : undefined,
         "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
-      }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_5$4, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_6$2, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), _ctx.$slots.header ? (openBlock(), createElementBlock("h2", {
+      }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_5$4, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_6$3, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), _ctx.$slots.header ? (openBlock(), createElementBlock("h2", {
         key: 1,
         id: "modal_".concat(_ctx.uuid, "_header")
       }, [renderSlot(_ctx.$slots, "header")], 8, _hoisted_7$2)) : _ctx.header ? (openBlock(), createElementBlock("h2", {
@@ -7372,7 +7434,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
         innerHTML: _ctx.body,
         "class": "modal-body mt-4",
         id: "modal_".concat(_ctx.uuid, "_body")
-      }, null, 8, _hoisted_10)) : createCommentVNode("", true), _ctx.showConfirm || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_11, [_ctx.showCancel ? (openBlock(), createBlock(_component_FwButton, {
+      }, null, 8, _hoisted_10$1)) : createCommentVNode("", true), _ctx.showConfirm || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_11, [_ctx.showCancel ? (openBlock(), createBlock(_component_FwButton, {
         key: 0,
         "class": "basis-1/2",
         variant: _ctx.cancelButtonType,
@@ -7398,22 +7460,22 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
           return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
         }),
         _: 1
-      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4$6)])])], 8, _hoisted_1$f)) : createCommentVNode("", true)];
+      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4$8)])])], 8, _hoisted_1$g)) : createCommentVNode("", true)];
     }),
     _: 3
   })], 8, ["to"])) : createCommentVNode("", true);
 }
 
-var css_248z$9 = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
-var stylesheet$9 = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
-styleInject(css_248z$9);
+var css_248z$a = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
+var stylesheet$a = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
+styleInject(css_248z$a);
 
-script$d.render = render$g;
+script$c.render = render$h;
 
-var script$c = defineComponent({
+var script$b = defineComponent({
   name: 'FwProgressBar',
   components: {
-    CheckSvg: render$G
+    CheckSvg: render$J
   },
   props: {
     /**
@@ -7455,26 +7517,26 @@ var script$c = defineComponent({
   }
 });
 
-var _hoisted_1$e = {
+var _hoisted_1$f = {
   "class": "fw-progress-bar w-full mx-auto my-4"
 };
-var _hoisted_2$c = {
+var _hoisted_2$d = {
   "class": "flex pb-3"
 };
-var _hoisted_3$9 = {
+var _hoisted_3$a = {
   key: 1,
   "class": "text-base font-semibold text-center w-full"
 };
-var _hoisted_4$5 = {
+var _hoisted_4$7 = {
   key: 0,
   "class": "w-full flex items-start mt-[13px] mx-[-15px]"
 };
 var _hoisted_5$3 = {
   "class": "w-full bg-grey-40 rounded flex-1"
 };
-function render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function render$g(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CheckSvg = resolveComponent("CheckSvg");
-  return openBlock(), createElementBlock("div", _hoisted_1$e, [createElementVNode("div", _hoisted_2$c, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, function (step) {
+  return openBlock(), createElementBlock("div", _hoisted_1$f, [createElementVNode("div", _hoisted_2$d, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, function (step) {
     return openBlock(), createElementBlock("div", {
       "class": normalizeClass(["flex", step.position !== _ctx.steps.length ? 'flex-1' : 'w-[70px] md:w-[96px]']),
       key: step.position
@@ -7485,68 +7547,118 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
     }, [step.position < _ctx.activeStep ? (openBlock(), createBlock(_component_CheckSvg, {
       key: 0,
       "class": "w-[18px]"
-    })) : (openBlock(), createElementBlock("span", _hoisted_3$9, toDisplayString(step.position), 1))], 2), createElementVNode("div", {
+    })) : (openBlock(), createElementBlock("span", _hoisted_3$a, toDisplayString(step.position), 1))], 2), createElementVNode("div", {
       "class": normalizeClass(["m-0 md:leading-tight text-sm md:text-base", {
         'font-bold': step.position === _ctx.activeStep,
         'text-body': step.position > _ctx.activeStep
       }])
-    }, toDisplayString(step.label), 3)], 2), step.position !== _ctx.steps.length ? (openBlock(), createElementBlock("div", _hoisted_4$5, [createElementVNode("div", _hoisted_5$3, [createElementVNode("div", {
+    }, toDisplayString(step.label), 3)], 2), step.position !== _ctx.steps.length ? (openBlock(), createElementBlock("div", _hoisted_4$7, [createElementVNode("div", _hoisted_5$3, [createElementVNode("div", {
       "class": "bg-primary text-xs leading-none py-0.5 text-center rounded transition-all",
       style: normalizeStyle(step.position < _ctx.activeStep ? 'width:100%;' : _ctx.calculatedProgressBar(step))
     }, null, 4)])])) : createCommentVNode("", true)], 2);
   }), 128))])]);
 }
 
-script$c.render = render$f;
+script$b.render = render$g;
 
-var script$b = defineComponent({
+var useColours = function useColours() {
+  var style = getComputedStyle(document.body);
+  var colorPrimary = style.getPropertyValue('--colorPrimary');
+  var colorSecondary = style.getPropertyValue('--colorSecondary');
+  var colorTertiary = style.getPropertyValue('--colorTertiary');
+  var fontFamily = style.getPropertyValue('--fontFamily');
+  var colorBody = style.getPropertyValue('--colorBody');
+  var primaryFade40 = "".concat(colorPrimary, "66"); // Adds 40% transparency
+  var primaryFade5 = "".concat(colorPrimary, "0d"); // Adds 5% transparency
+  return {
+    colorPrimary: colorPrimary,
+    colorSecondary: colorSecondary,
+    colorTertiary: colorTertiary,
+    fontFamily: fontFamily,
+    colorBody: colorBody,
+    primaryFade5: primaryFade5,
+    primaryFade40: primaryFade40
+  };
+};
+
+var __default__$4 = defineComponent({
   name: 'FwTag',
+  components: {
+    FwButton: script$g,
+    XMarkSvg: render$p
+  },
+  emits: ['dismissed'],
   props: {
     /**
-     * The size of the tag. Accepts: 'xs' & 'sm'
+     * The size of the tag. Accepts: 'xs', 'sm' & 'md'
      */
     size: {
       type: String,
       "default": 'xs',
       validator: function validator(value) {
-        return ['xs', 'sm'].includes(value);
+        return ['xs', 'sm', 'md'].includes(value);
       }
     },
     /**
      * The colour variant of the tag.
-     * Accepts 'primary', 'alert', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'alert', 'error', 'success'
      */
     variant: {
       type: String,
       "default": 'primary',
       validator: function validator(value) {
-        return ['primary', 'alert', 'error', 'success'].includes(value);
+        return ['primary', 'secondary', 'alert', 'error', 'success'].includes(value);
       }
+    },
+    /**
+     * Whether the tag can be dismissed or closed.
+     * Emits the @dismissed event
+     */
+    dismissable: {
+      type: Boolean,
+      "default": false
     }
   },
   setup: function setup(props) {
-    var baseClass = ref('inline-block font-semibold text-center whitespace-nowrap rounded-full');
+    var baseClass = ref("\n      inline-flex items-center justify-center font-semibold text-center whitespace-nowrap rounded-full shadow\n    ");
+    var _useColours = useColours(),
+      primaryFade5 = _useColours.primaryFade5;
     var tagClasses = ref({
       primary: {
         text: 'text-button-primary-text',
-        background: 'bg-button-primary-bg'
+        background: 'bg-button-primary-bg',
+        iconType: 'primary'
+      },
+      secondary: {
+        text: 'text-primary',
+        background: 'fw-tag--secondary-bg',
+        iconType: 'tertiary'
       },
       alert: {
         text: 'text-white',
-        background: 'bg-alert'
+        background: 'bg-alert',
+        iconType: 'error'
       },
       success: {
         text: 'text-white',
-        background: 'bg-success'
+        background: 'bg-success',
+        iconType: 'success'
       },
       error: {
         text: 'text-white',
-        background: 'bg-error'
+        background: 'bg-error',
+        iconType: 'error'
       }
     });
     var sizes = ref({
       xs: 'px-2 py-px text-xs',
-      sm: 'px-4 py-1 text-xs'
+      sm: 'px-4 py-1 text-xs',
+      md: 'px-3 py-[4.75px] text-xs'
+    });
+    var iconSizes = ref({
+      xs: 'w-4 h-4',
+      sm: 'w-5 h-5',
+      md: 'w-6 h-6'
     });
     var textColorClass = computed(function () {
       return tagClasses.value[props.variant].text;
@@ -7554,29 +7666,68 @@ var script$b = defineComponent({
     var bgColorClass = computed(function () {
       return tagClasses.value[props.variant].background;
     });
+    var iconButtonType = computed(function () {
+      return tagClasses.value[props.variant].iconType;
+    });
     var sizeClass = computed(function () {
       return sizes.value[props.size];
     });
+    var iconSizeClass = computed(function () {
+      return iconSizes.value[props.size];
+    });
     return {
       baseClass: baseClass,
       textColorClass: textColorClass,
       bgColorClass: bgColorClass,
-      sizeClass: sizeClass
+      sizeClass: sizeClass,
+      iconSizeClass: iconSizeClass,
+      iconButtonType: iconButtonType,
+      primaryFade5: primaryFade5
     };
   }
 });
+var __injectCSSVars__$4 = function __injectCSSVars__() {
+  useCssVars(function (_ctx) {
+    return {
+      "f1e3ea3e": _ctx.primaryFade5
+    };
+  });
+};
+var __setup__$4 = __default__$4.setup;
+__default__$4.setup = __setup__$4 ? function (props, ctx) {
+  __injectCSSVars__$4();
+  return __setup__$4(props, ctx);
+} : __injectCSSVars__$4;
 
-function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_XMarkSvg = resolveComponent("XMarkSvg");
+  var _component_FwButton = resolveComponent("FwButton");
   return openBlock(), createElementBlock("span", {
     "class": normalizeClass(["fw-tag", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass]])
-  }, [renderSlot(_ctx.$slots, "default")], 2);
+  }, [renderSlot(_ctx.$slots, "default"), _ctx.dismissable ? (openBlock(), createBlock(_component_FwButton, {
+    key: 0,
+    variant: _ctx.iconButtonType,
+    tabindex: "",
+    title: "Dismiss filter",
+    onClick: _cache[0] || (_cache[0] = function ($event) {
+      return _ctx.$emit('dismissed');
+    }),
+    "class": normalizeClass([_ctx.iconSizeClass, "ml-1 !p-0 flex items-center justify-center border-none rounded-full"])
+  }, {
+    "default": withCtx(function () {
+      return [createVNode(_component_XMarkSvg, {
+        "class": "w-full h-full font-semibold m-0"
+      })];
+    }),
+    _: 1
+  }, 8, ["variant", "class"])) : createCommentVNode("", true)], 2);
 }
 
-var css_248z$8 = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
-var stylesheet$8 = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
-styleInject(css_248z$8);
+var css_248z$9 = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--f1e3ea3e)}";
+var stylesheet$9 = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--f1e3ea3e)}";
+styleInject(css_248z$9);
 
-script$b.render = render$e;
+__default__$4.render = render$f;
 
 var es_object_keys = {};
 
@@ -7795,25 +7946,25 @@ var script$a = defineComponent({
   name: 'FwLoadingBar'
 });
 
-var _hoisted_1$d = {
+var _hoisted_1$e = {
   "class": "fw-loading-bar rounded",
   "aria-hidden": "true"
 };
-function render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$d);
+function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$e);
 }
 
-var css_248z$7 = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;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}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
-var stylesheet$7 = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;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}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
-styleInject(css_248z$7);
+var css_248z$8 = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;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}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
+var stylesheet$8 = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;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}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
+styleInject(css_248z$8);
 
-script$a.render = render$d;
+script$a.render = render$e;
 
-var __default__$2 = defineComponent({
+var __default__$3 = defineComponent({
   name: 'FwTable',
   components: {
-    ArrowSortSvg: render$p,
-    ArrowDownSvg: render$o,
+    ArrowSortSvg: render$s,
+    ArrowDownSvg: render$r,
     FwLoadingBar: script$a
   },
   emits: ['rowClicked'],
@@ -7830,9 +7981,16 @@ var __default__$2 = defineComponent({
       type: Boolean,
       "default": false
     },
+    /**
+     * Enable click events on rows.
+     * Emits row data when clicked
+     */
     clickableRows: {
       type: Boolean,
       "default": false
+    },
+    autoSortColumn: {
+      type: Number
     }
   },
   setup: function setup(props, ctx) {
@@ -7842,9 +8000,13 @@ var __default__$2 = defineComponent({
     var sortBy = ref('');
     var sortDirection = ref('asc');
     var currentSortedColumn = ref('');
-    var style = getComputedStyle(document.body);
-    var colorPrimary = style.getPropertyValue('--colorPrimary');
-    var bgHoverColor = "".concat(colorPrimary, "0d"); // Adds 5% transparency
+    onMounted(function () {
+      if (Number(props.autoSortColumn) >= 0) {
+        sortColumn(columns.value[Number(props.autoSortColumn)]);
+      }
+    });
+    var _useColours = useColours(),
+      bgHoverColor = _useColours.primaryFade5;
     var sortColumn = function sortColumn(column) {
       if (!isColumnSortable(column)) return;
       currentSortedColumn.value = column;
@@ -7852,7 +8014,7 @@ var __default__$2 = defineComponent({
         sortDirection.value = sortDirection.value === 'asc' ? 'desc' : 'asc';
       } else {
         sortBy.value = column;
-        sortDirection.value = 'asc';
+        sortDirection.value = columnInitSort(column);
       }
     };
     var sortedData = computed(function () {
@@ -7892,9 +8054,16 @@ var __default__$2 = defineComponent({
       }
       return false;
     };
+    var columnInitSort = function columnInitSort(column) {
+      if (props.options && props.options[column]) {
+        var _props$options$column4;
+        return ((_props$options$column4 = props.options[column]) === null || _props$options$column4 === void 0 ? void 0 : _props$options$column4.initSortOrder) || 'asc';
+      }
+      return 'asc';
+    };
     var isDisabled = function isDisabled(column) {
-      var _props$options$column4;
-      if (props.options && (_props$options$column4 = props.options[column]) !== null && _props$options$column4 !== void 0 && _props$options$column4.disabled) {
+      var _props$options$column5;
+      if (props.options && (_props$options$column5 = props.options[column]) !== null && _props$options$column5 !== void 0 && _props$options$column5.disabled) {
         return true;
       }
       return false;
@@ -7918,58 +8087,61 @@ var __default__$2 = defineComponent({
     };
   }
 });
-var __injectCSSVars__$2 = function __injectCSSVars__() {
+var __injectCSSVars__$3 = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "1172a117": _ctx.bgHoverColor
+      "14adfc52": _ctx.bgHoverColor
     };
   });
 };
-var __setup__$2 = __default__$2.setup;
-__default__$2.setup = __setup__$2 ? function (props, ctx) {
-  __injectCSSVars__$2();
-  return __setup__$2(props, ctx);
-} : __injectCSSVars__$2;
+var __setup__$3 = __default__$3.setup;
+__default__$3.setup = __setup__$3 ? function (props, ctx) {
+  __injectCSSVars__$3();
+  return __setup__$3(props, ctx);
+} : __injectCSSVars__$3;
 
 var _withScopeId$3 = function _withScopeId(n) {
-  return pushScopeId("data-v-1f477224"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-7670383f"), n = n(), popScopeId(), n;
 };
-var _hoisted_1$c = {
+var _hoisted_1$d = ["aria-busy"];
+var _hoisted_2$c = {
   "class": "text-p2 border-b border-grey-40"
 };
-var _hoisted_2$b = ["tabindex", "onKeydown", "onClick"];
-var _hoisted_3$8 = {
+var _hoisted_3$9 = ["tabindex", "onKeydown", "onClick"];
+var _hoisted_4$6 = {
   "class": "flex flex-row items-center"
 };
-var _hoisted_4$4 = {
+var _hoisted_5$2 = {
   key: 0,
   "class": "ml-1 flex items-center justify-center w-5"
 };
-var _hoisted_5$2 = {
+var _hoisted_6$2 = {
   "class": "text-p2 bg-white font-light"
 };
-var _hoisted_6$1 = {
+var _hoisted_7$1 = {
   key: 0,
-  "class": "py-4 px-5 text-left whitespace-nowrap"
+  "class": "py-4 pl-5 pr-3 text-left"
 };
-var _hoisted_7$1 = {
+var _hoisted_8$1 = {
   key: 0,
-  "class": "py-4 px-5 text-left whitespace-nowrap"
+  "class": "py-4 pl-5 pr-3 text-left"
 };
-var _hoisted_8$1 = ["onClick", "tabindex", "onKeydown"];
-var _hoisted_9$1 = ["innerHTML"];
-function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+var _hoisted_9$1 = ["onClick", "tabindex", "onKeydown"];
+var _hoisted_10 = ["innerHTML"];
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ArrowSortSvg = resolveComponent("ArrowSortSvg");
   var _component_ArrowDownSvg = resolveComponent("ArrowDownSvg");
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
   return openBlock(), createElementBlock("table", {
-    "class": normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card", _ctx.loading ? 'cursor-wait' : ''])
-  }, [createElementVNode("thead", _hoisted_1$c, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
+    "class": normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card", _ctx.loading ? 'cursor-wait' : '']),
+    "aria-live": "polite",
+    "aria-busy": _ctx.loading
+  }, [createElementVNode("thead", _hoisted_2$c, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
     return openBlock(), createElementBlock(Fragment, {
       key: thKey
     }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("th", {
       key: 0,
-      "class": normalizeClass(["fw-table-head py-6 px-5 text-left font-medium", _ctx.isColumnSortable(column) ? 'cursor-pointer fw-table-head--sortable' : '']),
+      "class": normalizeClass(["fw-table-head py-6 pl-5 pr-3 text-left font-medium", _ctx.isColumnSortable(column) ? 'cursor-pointer fw-table-head--sortable' : '']),
       tabindex: _ctx.isColumnSortable(column) ? 0 : -1,
       onKeydown: withKeys(function ($event) {
         return _ctx.sortColumn(column);
@@ -7977,21 +8149,21 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: function onClick($event) {
         return _ctx.sortColumn(column);
       }
-    }, [createElementVNode("div", _hoisted_3$8, [createElementVNode("span", {
+    }, [createElementVNode("div", _hoisted_4$6, [createElementVNode("span", {
       "class": normalizeClass(_ctx.sortedIcon('asc', column) || _ctx.sortedIcon('desc', column) ? 'text-primary' : '')
-    }, toDisplayString(column), 3), _ctx.isColumnSortable(column) ? (openBlock(), createElementBlock("span", _hoisted_4$4, [!_ctx.sortedIcon('asc', column) && !_ctx.sortedIcon('desc', column) ? (openBlock(), createBlock(_component_ArrowSortSvg, {
+    }, toDisplayString(column), 3), _ctx.isColumnSortable(column) ? (openBlock(), createElementBlock("span", _hoisted_5$2, [!_ctx.sortedIcon('asc', column) && !_ctx.sortedIcon('desc', column) ? (openBlock(), createBlock(_component_ArrowSortSvg, {
       key: 0,
       "class": "inline-block w-full text-grey-base"
-    })) : createCommentVNode("", true), _ctx.sortedIcon('desc', column) ? (openBlock(), createBlock(_component_ArrowDownSvg, {
+    })) : createCommentVNode("", true), _ctx.sortedIcon('asc', column) ? (openBlock(), createBlock(_component_ArrowDownSvg, {
       key: 1,
       "class": "inline-block w-4 text-primary rotate-180"
-    })) : createCommentVNode("", true), _ctx.sortedIcon('asc', column) ? (openBlock(), createBlock(_component_ArrowDownSvg, {
+    })) : createCommentVNode("", true), _ctx.sortedIcon('desc', column) ? (openBlock(), createBlock(_component_ArrowDownSvg, {
       key: 2,
       "class": "inline-block w-4 text-primary"
-    })) : createCommentVNode("", true)])) : createCommentVNode("", true)])], 42, _hoisted_2$b)) : createCommentVNode("", true)], 64);
+    })) : createCommentVNode("", true)])) : createCommentVNode("", true)])], 42, _hoisted_3$9)) : createCommentVNode("", true)], 64);
   }), 128)), _ctx.$slots.head ? renderSlot(_ctx.$slots, "head", {
     key: 0
-  }) : createCommentVNode("", true)])]), createElementVNode("tbody", _hoisted_5$2, [_ctx.loading ? (openBlock(true), createElementBlock(Fragment, {
+  }) : createCommentVNode("", true)])]), createElementVNode("tbody", _hoisted_6$2, [_ctx.loading ? (openBlock(true), createElementBlock(Fragment, {
     key: 0
   }, renderList(_ctx.sortedData, function (row, trKey) {
     return openBlock(), createElementBlock("tr", {
@@ -7999,10 +8171,10 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
       return openBlock(), createElementBlock(Fragment, {
         key: colKey
-      }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("td", _hoisted_6$1, [createVNode(_component_FwLoadingBar, {
+      }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("td", _hoisted_7$1, [createVNode(_component_FwLoadingBar, {
         "class": "w-full h-7"
       })])) : createCommentVNode("", true)], 64);
-    }), 128)), _ctx.$slots.row ? (openBlock(), createElementBlock("td", _hoisted_7$1, [createVNode(_component_FwLoadingBar, {
+    }), 128)), _ctx.$slots.row ? (openBlock(), createElementBlock("td", _hoisted_8$1, [createVNode(_component_FwLoadingBar, {
       "class": "w-full h-7"
     })])) : createCommentVNode("", true)]);
   }), 128)) : (openBlock(true), createElementBlock(Fragment, {
@@ -8023,59 +8195,59 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
         key: colKey
       }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("td", {
         key: 0,
-        "class": "py-4 px-5 text-left whitespace-nowrap",
+        "class": "py-2 pl-5 pr-3 text-left",
         innerHTML: _ctx.formattedText(row, column)
-      }, null, 8, _hoisted_9$1)) : createCommentVNode("", true)], 64);
+      }, null, 8, _hoisted_10)) : createCommentVNode("", true)], 64);
     }), 128)), _ctx.$slots.row ? renderSlot(_ctx.$slots, "row", {
       key: 0,
       row: row
-    }) : createCommentVNode("", true)], 42, _hoisted_8$1);
-  }), 128))])], 2);
+    }) : createCommentVNode("", true)], 42, _hoisted_9$1);
+  }), 128))])], 10, _hoisted_1$d);
 }
 
-var css_248z$6 = ".fw-table-head--sortable[data-v-1f477224]:hover{background-color:var(--1172a117)}.fw-table-row[data-v-1f477224]:hover{background-color:var(--1172a117)}";
-var stylesheet$6 = ".fw-table-head--sortable[data-v-1f477224]:hover{background-color:var(--1172a117)}.fw-table-row[data-v-1f477224]:hover{background-color:var(--1172a117)}";
-styleInject(css_248z$6);
+var css_248z$7 = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
+var stylesheet$7 = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
+styleInject(css_248z$7);
 
-__default__$2.render = render$c;
-__default__$2.__scopeId = "data-v-1f477224";
+__default__$3.render = render$d;
+__default__$3.__scopeId = "data-v-7670383f";
 
 var script$9 = defineComponent({
   name: 'FwTableHead'
 });
 
-var _hoisted_1$b = {
+var _hoisted_1$c = {
   "class": "py-6 px-5 text-left font-medium"
 };
-var _hoisted_2$a = {
+var _hoisted_2$b = {
   "class": "flex flex-row"
 };
-var _hoisted_3$7 = {
+var _hoisted_3$8 = {
   key: 0,
   "class": "w-full"
 };
-function render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("th", _hoisted_1$b, [createElementVNode("div", _hoisted_2$a, [_ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)])]);
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("th", _hoisted_1$c, [createElementVNode("div", _hoisted_2$b, [_ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_3$8, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)])]);
 }
 
-script$9.render = render$b;
+script$9.render = render$c;
 
 var script$8 = defineComponent({
   name: 'FwTableRow'
 });
 
-var _hoisted_1$a = {
+var _hoisted_1$b = {
   "class": "py-3 px-4 text-left whitespace-nowrap"
 };
-function render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("td", _hoisted_1$a, [_ctx.$slots["default"] ? renderSlot(_ctx.$slots, "default", {
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("td", _hoisted_1$b, [_ctx.$slots["default"] ? renderSlot(_ctx.$slots, "default", {
     key: 0
   }) : createCommentVNode("", true)]);
 }
 
-script$8.render = render$a;
+script$8.render = render$b;
 
-var script$7 = defineComponent({
+var __default__$2 = defineComponent({
   name: 'FwAccordion',
   props: {
     /**
@@ -8096,74 +8268,106 @@ var script$7 = defineComponent({
     isOpened: {
       type: Boolean,
       "default": false
+    },
+    /**
+     * Whether the accordion open icon should be at the start or end
+     */
+    iconPositionStart: {
+      type: Boolean,
+      "default": true
     }
   },
   setup: function setup(props) {
     var isOpen = ref(props.isOpened);
-    var transitionEnter = function transitionEnter(el) {
+    var _useColours = useColours(),
+      bgHoverColor = _useColours.primaryFade5;
+    var beforeEnter = function beforeEnter(el) {
+      el.style.height = '0';
+    };
+    var enter = function enter(el) {
       el.style.height = el.scrollHeight + 'px';
     };
-    var transitionLeave = function transitionLeave(el) {
+    var beforeLeave = function beforeLeave(el) {
+      el.style.height = el.scrollHeight + 'px';
+    };
+    var leave = function leave(el) {
       el.style.height = '0';
     };
     return {
       isOpen: isOpen,
-      transitionEnter: transitionEnter,
-      transitionLeave: transitionLeave
+      beforeEnter: beforeEnter,
+      enter: enter,
+      beforeLeave: beforeLeave,
+      leave: leave,
+      bgHoverColor: bgHoverColor
     };
   }
 });
+var __injectCSSVars__$2 = function __injectCSSVars__() {
+  useCssVars(function (_ctx) {
+    return {
+      "0ec0724b": _ctx.bgHoverColor
+    };
+  });
+};
+var __setup__$2 = __default__$2.setup;
+__default__$2.setup = __setup__$2 ? function (props, ctx) {
+  __injectCSSVars__$2();
+  return __setup__$2(props, ctx);
+} : __injectCSSVars__$2;
 
 var _withScopeId$2 = function _withScopeId(n) {
-  return pushScopeId("data-v-c9209c42"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-5123413b"), n = n(), popScopeId(), n;
 };
-var _hoisted_1$9 = {
-  "class": "fw-accordion rounded border border-grey-40"
+var _hoisted_1$a = {
+  "class": "fw-accordion rounded-sm border border-grey-40"
 };
-var _hoisted_2$9 = {
+var _hoisted_2$a = {
   "class": "flex flex-row items-center justify-between w-full"
 };
-var _hoisted_3$6 = {
+var _hoisted_3$7 = {
   "class": "flex flex-row items-center"
 };
-var _hoisted_4$3 = {
-  "class": "h4 mb-0 ml-6"
-};
-var _hoisted_5$1 = {
+var _hoisted_4$5 = {
   key: 0,
   "class": "h4"
 };
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("button", {
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("button", {
     onClick: _cache[0] || (_cache[0] = function ($event) {
       return _ctx.isOpen = !_ctx.isOpen;
     }),
-    "class": "fw-accordion--header px-8 py-4 bg-grey-lightest w-full border-opacity-0 hover:bg-grey-20"
-  }, [createElementVNode("div", _hoisted_2$9, [createElementVNode("div", _hoisted_3$6, [createElementVNode("span", {
+    type: "button",
+    "class": normalizeClass(["fw-accordion--header px-8 py-4 bg-white w-full transition-all duration-100 ease-in focus:outline-primary", _ctx.isOpen ? 'fw-accordion--header-open' : ''])
+  }, [createElementVNode("div", _hoisted_2$a, [createElementVNode("div", _hoisted_3$7, [_ctx.iconPositionStart ? (openBlock(), createElementBlock("span", {
+    key: 0,
+    "class": normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
+  }, null, 2)) : createCommentVNode("", true), createElementVNode("span", {
+    "class": normalizeClass(["h4 mb-0", _ctx.iconPositionStart ? 'ml-6' : 'ml-0'])
+  }, toDisplayString(_ctx.title), 3)]), _ctx.suffixTitle ? (openBlock(), createElementBlock("span", _hoisted_4$5, toDisplayString(_ctx.suffixTitle), 1)) : createCommentVNode("", true), !_ctx.iconPositionStart ? (openBlock(), createElementBlock("span", {
+    key: 1,
     "class": normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
-  }, null, 2), createElementVNode("span", _hoisted_4$3, toDisplayString(_ctx.title), 1)]), _ctx.suffixTitle ? (openBlock(), createElementBlock("span", _hoisted_5$1, toDisplayString(_ctx.suffixTitle), 1)) : createCommentVNode("", true)])]), createVNode(Transition, {
-    name: "slideInOut",
-    onBeforeEnter: _ctx.transitionEnter,
-    onEnter: _ctx.transitionEnter,
-    onBeforeLeave: _ctx.transitionLeave,
-    onLeave: _ctx.transitionLeave,
-    "class": "transition-all duration-300 ease-in-out overflow-hidden"
+  }, null, 2)) : createCommentVNode("", true)])], 2), createVNode(Transition, {
+    name: "fw-accordion-transition",
+    onBeforeEnter: _ctx.beforeEnter,
+    onEnter: _ctx.enter,
+    onBeforeLeave: _ctx.beforeLeave,
+    onLeave: _ctx.leave,
+    "class": "transition-all duration-300 ease-in overflow-hidden"
   }, {
     "default": withCtx(function () {
-      return [_ctx.$slots["default"] && _ctx.isOpen ? renderSlot(_ctx.$slots, "default", {
-        key: 0
-      }) : createCommentVNode("", true)];
+      return [withDirectives(createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")], 512), [[vShow, _ctx.$slots["default"] && _ctx.isOpen]])];
     }),
     _: 3
   }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])]);
 }
 
-var css_248z$5 = ".fw-accordion--icon[data-v-c9209c42]{position:relative}.fw-accordion--icon[data-v-c9209c42]:after,.fw-accordion--icon[data-v-c9209c42]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-c9209c42]:after{-webkit-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-c9209c42]:after{width:0}";
-var stylesheet$5 = ".fw-accordion--icon[data-v-c9209c42]{position:relative}.fw-accordion--icon[data-v-c9209c42]:after,.fw-accordion--icon[data-v-c9209c42]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-c9209c42]:after{-webkit-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-c9209c42]:after{width:0}";
-styleInject(css_248z$5);
+var css_248z$6 = ".fw-accordion--header-open[data-v-5123413b],.fw-accordion--header[data-v-5123413b]:focus-visible,.fw-accordion--header[data-v-5123413b]:hover{background-color:var(--0ec0724b)}.fw-accordion--icon[data-v-5123413b]{position:relative}.fw-accordion--icon[data-v-5123413b]:after,.fw-accordion--icon[data-v-5123413b]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-5123413b]:after{-webkit-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-5123413b]:after{width:0}";
+var stylesheet$6 = ".fw-accordion--header-open[data-v-5123413b],.fw-accordion--header[data-v-5123413b]:focus-visible,.fw-accordion--header[data-v-5123413b]:hover{background-color:var(--0ec0724b)}.fw-accordion--icon[data-v-5123413b]{position:relative}.fw-accordion--icon[data-v-5123413b]:after,.fw-accordion--icon[data-v-5123413b]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-5123413b]:after{-webkit-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-5123413b]:after{width:0}";
+styleInject(css_248z$6);
 
-script$7.render = render$9;
-script$7.__scopeId = "data-v-c9209c42";
+__default__$2.render = render$a;
+__default__$2.__scopeId = "data-v-5123413b";
 
 var es_array_from = {};
 
@@ -8704,74 +8908,79 @@ $$4({ global: true, bind: true, forced: global$4.setTimeout !== setTimeout$1 },
   setTimeout: setTimeout$1
 });
 
+var handleIntersect = function handleIntersect(entries, observer) {
+  entries.forEach(function (entry) {
+    if (entry.isIntersecting) {
+      loadImage(entry.target);
+      observer.unobserve(entry.target);
+    }
+  });
+};
+var createObserver = function createObserver(el) {
+  var options = {
+    root: null,
+    threshold: Number(el.getAttribute('threshold')) || 0
+  };
+  var observer = new IntersectionObserver(handleIntersect, options);
+  observer.observe(el);
+};
+var loadImage = function loadImage(el) {
+  var imageElement = Array.from(el.children).find(function (element) {
+    return element.nodeName === 'IMG';
+  });
+  if (imageElement) {
+    var type = el.getAttribute('type');
+    var url = imageElement.dataset.url;
+    var setImgError = function setImgError() {
+      setTimeout(function () {
+        return el.classList.add('fw-image--loaded-error');
+      }, 100);
+      setTimeout(function () {
+        var _el$querySelector;
+        return (_el$querySelector = el.querySelector('.fw-image--loading')) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.remove();
+      }, 600);
+    };
+    if (url) {
+      imageElement.src = url;
+    } else {
+      setImgError();
+    }
+    imageElement.addEventListener('load', function () {
+      setTimeout(function () {
+        return el.classList.add('fw-image--loaded');
+      }, 100);
+      setTimeout(function () {
+        var _el$querySelector2;
+        return (_el$querySelector2 = el.querySelector('.fw-image--loading')) === null || _el$querySelector2 === void 0 ? void 0 : _el$querySelector2.remove();
+      }, 600);
+    });
+    imageElement.addEventListener('error', function () {
+      setImgError();
+    });
+    if (type === 'background') {
+      el.style.backgroundImage = "url('".concat(url, "')");
+      imageElement.remove();
+    }
+  }
+};
 var lazyLoadDirective = {
   mounted: function mounted(el) {
-    var loadImage = function loadImage() {
-      var imageElement = Array.from(el.children).find(function (element) {
-        return element.nodeName === 'IMG';
-      });
-      if (imageElement) {
-        var type = el.getAttribute('type');
-        var url = imageElement.dataset.url;
-        imageElement.addEventListener('load', function () {
-          setTimeout(function () {
-            return el.classList.add('fw-image--loaded');
-          }, 100);
-          setTimeout(function () {
-            var _el$querySelector;
-            return (_el$querySelector = el.querySelector('.fw-image--loading')) === null || _el$querySelector === void 0 ? void 0 : _el$querySelector.remove();
-          }, 600);
-        });
-        if (url) {
-          imageElement.src = url;
-        }
-        if (type === 'background') {
-          el.style.backgroundImage = "url('".concat(url, "')");
-          imageElement.remove();
-        }
-        imageElement.addEventListener('error', function () {
-          setTimeout(function () {
-            return el.classList.add('fw-image--loaded-error');
-          }, 100);
-          setTimeout(function () {
-            var _el$querySelector2;
-            return (_el$querySelector2 = el.querySelector('.fw-image--loading')) === null || _el$querySelector2 === void 0 ? void 0 : _el$querySelector2.remove();
-          }, 600);
-        });
-      }
-    };
-    var handleIntersect = function handleIntersect(entries, observer) {
-      entries.forEach(function (entry) {
-        if (entry.isIntersecting) {
-          loadImage();
-          observer.unobserve(el);
-        }
-      });
-    };
-    var createObserver = function createObserver() {
-      var options = {
-        root: null,
-        threshold: Number(el.getAttribute('threshold')) || 0
-      };
-      var observer = new IntersectionObserver(handleIntersect, options);
-      observer.observe(el);
-    };
     if (window.IntersectionObserver) {
-      createObserver();
+      createObserver(el);
     } else {
-      loadImage();
+      loadImage(el);
     }
   }
 };
 
-var script$6 = defineComponent({
+var script$7 = defineComponent({
   name: 'FwImage',
   directives: {
     lazyload: lazyLoadDirective
   },
   components: {
     FwLoadingBar: script$a,
-    FileExclamationSvg: render$J
+    FileExclamationSvg: render$M
   },
   props: {
     /**
@@ -8825,12 +9034,12 @@ var script$6 = defineComponent({
   }
 });
 
-var _hoisted_1$8 = ["type", "threshold"];
-var _hoisted_2$8 = ["data-url", "alt"];
-var _hoisted_3$5 = {
+var _hoisted_1$9 = ["type", "threshold"];
+var _hoisted_2$9 = ["data-url", "alt"];
+var _hoisted_3$6 = {
   "class": "fw-image--error-wrapper flex flex-col items-center justify-center"
 };
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
   var _component_FileExclamationSvg = resolveComponent("FileExclamationSvg");
   var _directive_lazyload = resolveDirective("lazyload");
@@ -8863,51 +9072,52 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("img", {
     "data-url": _ctx.src,
     alt: _ctx.alt,
-    "class": normalizeClass(_ctx.imageClass)
-  }, null, 10, _hoisted_2$8), createVNode(_component_FwLoadingBar, {
+    loading: "lazy",
+    "class": normalizeClass([_ctx.rounded ? 'rounded-full' : '', _ctx.imageClass])
+  }, null, 10, _hoisted_2$9), createVNode(_component_FwLoadingBar, {
     "class": normalizeClass(["fw-image--loading w-full h-full", {
       'rounded-full': _ctx.rounded
     }])
   }, null, 8, ["class"]), createElementVNode("div", {
-    "class": normalizeClass(["fw-image--error bg-grey-20", {
+    "class": normalizeClass(["fw-image--error rounded bg-grey-20", {
       'rounded-full': _ctx.rounded
     }])
-  }, [createElementVNode("div", _hoisted_3$5, [createVNode(_component_FileExclamationSvg, {
-    "class": "w-full h-full scale-[0.3] opacity-80 text-alert max-w-[150px]"
-  })])], 2), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$8)), [[_directive_lazyload]]);
+  }, [createElementVNode("div", _hoisted_3$6, [createVNode(_component_FileExclamationSvg, {
+    "class": "w-full h-full scale-[0.25] opacity-40 text-alert max-w-[150px]"
+  })])], 2), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$9)), [[_directive_lazyload]]);
 }
 
-var css_248z$4 = ".fw-image{position:relative}.fw-image img{-webkit-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;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%);-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;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$4 = ".fw-image{position:relative}.fw-image img{-webkit-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;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%);-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;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$4);
+var css_248z$5 = ".fw-image{position:relative}.fw-image img{-webkit-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;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%);-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;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$5 = ".fw-image{position:relative}.fw-image img{-webkit-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;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%);-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;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$5);
 
-script$6.render = render$8;
+script$7.render = render$9;
 
-var script$5 = defineComponent({
+var script$6 = defineComponent({
   name: 'FwLoadingCard',
   components: {
     FwLoadingBar: script$a
   }
 });
 
-var _hoisted_1$7 = {
+var _hoisted_1$8 = {
   "class": "fw-loading-card rounded shadow-card relative"
 };
-var _hoisted_2$7 = {
+var _hoisted_2$8 = {
   "class": "w-full bg-white h-12 p-3 pr-12 absolute top-0 left-0 rounded-t"
 };
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
-  return openBlock(), createElementBlock("div", _hoisted_1$7, [createElementVNode("div", _hoisted_2$7, [createVNode(_component_FwLoadingBar, {
+  return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("div", _hoisted_2$8, [createVNode(_component_FwLoadingBar, {
     "class": "w-2/4 h-5"
   })]), createVNode(_component_FwLoadingBar, {
     "class": "w-full h-full rounded-t-none"
   })]);
 }
 
-script$5.render = render$7;
+script$6.render = render$8;
 
-var script$4 = defineComponent({
+var script$5 = defineComponent({
   name: 'FwLoadingTable',
   components: {
     FwLoadingBar: script$a
@@ -8923,48 +9133,49 @@ var script$4 = defineComponent({
     }
   },
   setup: function setup() {
-    var tableClass = "fw-loading-table table-auto cursor-wait table-responsive rounded border border-grey-40\n      border-spacing-px border-separate bg-grey-40";
+    var tableClass = "fw-loading-table table-auto cursor-wait table-responsive rounded-md shadow-card";
     return {
       tableClass: tableClass
     };
   }
 });
 
-var _hoisted_1$6 = {
-  "class": "text-p-small bg-white"
+var _hoisted_1$7 = {
+  "class": "text-p-small"
 };
-var _hoisted_2$6 = {
-  "class": "flex flex-row items-center space-x-1"
+var _hoisted_2$7 = {
+  "class": "p-0 m-0"
 };
-var _hoisted_3$4 = {
+var _hoisted_3$5 = {
+  "class": "m-0 p-0"
+};
+var _hoisted_4$4 = {
   "class": "text-p-small bg-white font-light"
 };
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
   return openBlock(), createElementBlock("table", {
-    "class": normalizeClass(_ctx.tableClass)
-  }, [createElementVNode("thead", _hoisted_1$6, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
-    return openBlock(), createElementBlock("th", {
-      key: thKey,
-      "class": "py-3 px-4 text-center border-b border-b-grey-light"
-    }, [createElementVNode("div", _hoisted_2$6, [createVNode(_component_FwLoadingBar, {
-      "class": "w-full h-8"
-    })])]);
-  }), 128))])]), createElementVNode("tbody", _hoisted_3$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, function (row, trKey) {
+    "class": normalizeClass(_ctx.tableClass),
+    "aria-live": "polite",
+    "aria-busy": "true"
+  }, [createElementVNode("thead", _hoisted_1$7, [createElementVNode("tr", _hoisted_2$7, [createElementVNode("th", _hoisted_3$5, [createVNode(_component_FwLoadingBar, {
+    "class": "h-[4.5rem] py-6 rounded-b-none",
+    style: normalizeStyle("width:".concat(_ctx.columns, "00%;"))
+  }, null, 8, ["style"])])])]), createElementVNode("tbody", _hoisted_4$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, function (row, trKey) {
     return openBlock(), createElementBlock("tr", {
       key: trKey
     }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
       return openBlock(), createElementBlock("td", {
         key: colKey,
-        "class": "py-3 px-4 text-left whitespace-nowrap"
+        "class": "py-4 pl-5 pr-3 text-left whitespace-nowrap"
       }, [createVNode(_component_FwLoadingBar, {
-        "class": "w-full h-6"
+        "class": "w-full h-7"
       })]);
     }), 128))]);
   }), 128))])], 2);
 }
 
-script$4.render = render$6;
+script$5.render = render$7;
 
 var es_string_includes = {};
 
@@ -9029,12 +9240,12 @@ $$3({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }
   }
 });
 
-var script$3 = defineComponent({
+var script$4 = defineComponent({
   name: 'FwToast',
   components: {
-    SolidCheckSvg: render$r,
-    SolidXMarkSvg: render$q,
-    ErrorFilledSvg: render$B
+    SolidCheckSvg: render$u,
+    SolidXMarkSvg: render$t,
+    ErrorFilledSvg: render$E
   },
   emits: ['update:modelValue', 'dismissed'],
   props: {
@@ -9171,15 +9382,15 @@ var script$3 = defineComponent({
   }
 });
 
-var _hoisted_1$5 = ["id"];
-var _hoisted_2$5 = {
+var _hoisted_1$6 = ["id"];
+var _hoisted_2$6 = {
   "class": "inline-flex items-center gap-x-4"
 };
-var _hoisted_3$3 = {
+var _hoisted_3$4 = {
   key: 0,
   "class": "text-base mb-0"
 };
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(Fragment, null, [_ctx.mountContainer ? (openBlock(), createBlock(Teleport, {
     key: 0,
     to: _ctx.element
@@ -9202,28 +9413,28 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(["fw-toast shadow rounded", [_ctx.baseClass, _ctx.typeClasses[_ctx.type]]]),
         id: "fw-toast-".concat(_ctx.uuid),
         key: "fw-toast-".concat(_ctx.uuid)
-      }, [createElementVNode("div", _hoisted_2$5, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.svgComponent[_ctx.type]), {
+      }, [createElementVNode("div", _hoisted_2$6, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.svgComponent[_ctx.type]), {
         "aria-hidden": "true",
         "class": "text-white min-w-[24px] min-h-[24px] w-[24px] h-[24px]"
-      })), _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_3$3, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", {
+      })), _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_3$4, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", {
         key: 1
-      })])], 10, _hoisted_1$5)) : createCommentVNode("", true)];
+      })])], 10, _hoisted_1$6)) : createCommentVNode("", true)];
     }),
     _: 3
   }, 8, ["name"])], 8, ["to"])) : createCommentVNode("", true)], 64);
 }
 
-var css_248z$3 = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align: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;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align: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;-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;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}@-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)}}@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)}}@-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)}}@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)}}@-webkit-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$3 = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align: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;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align: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;-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;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}@-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)}}@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)}}@-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)}}@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)}}@-webkit-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$3);
+var css_248z$4 = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align: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;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align: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;-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;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}@-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)}}@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)}}@-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)}}@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)}}@-webkit-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$4 = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align: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;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align: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;-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;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}@-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)}}@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)}}@-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)}}@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)}}@-webkit-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$4);
 
-script$3.render = render$5;
+script$4.render = render$6;
 
-var script$2 = defineComponent({
+var script$3 = defineComponent({
   name: 'FwTransactionsCard',
   components: {
-    FwCard: script$j,
-    FwImage: script$6
+    FwCard: script$i,
+    FwImage: script$7
   },
   props: {
     /**
@@ -9256,22 +9467,22 @@ var script$2 = defineComponent({
   }
 });
 
-var _hoisted_1$4 = /*#__PURE__*/createElementVNode("div", {
+var _hoisted_1$5 = /*#__PURE__*/createElementVNode("div", {
   "class": "absolute top-0 left-0 w-full h-full rounded-lg bg-primary opacity-5 pointer-events-none"
 }, null, -1);
-var _hoisted_2$4 = {
+var _hoisted_2$5 = {
   "class": "flex flex-row w-full items-center py-3 px-4"
 };
-var _hoisted_3$2 = {
+var _hoisted_3$3 = {
   "class": "flex flex-col w-full flex-1 ml-2"
 };
-var _hoisted_4$2 = {
+var _hoisted_4$3 = {
   "class": "flex flex-row justify-between gap-x-2 items-center w-full"
 };
-var _hoisted_5 = {
+var _hoisted_5$1 = {
   "class": "text-left"
 };
-var _hoisted_6 = {
+var _hoisted_6$1 = {
   "class": "text-p2 font-semibold mb-0"
 };
 var _hoisted_7 = ["innerHTML"];
@@ -9282,7 +9493,7 @@ var _hoisted_8 = {
 var _hoisted_9 = {
   "class": "text-p2 font-semibold mb-0"
 };
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwImage = resolveComponent("FwImage");
   var _component_FwCard = resolveComponent("FwCard");
   return openBlock(), createBlock(_component_FwCard, {
@@ -9290,13 +9501,13 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     "slot-padding": false
   }, {
     "default": withCtx(function () {
-      return [_hoisted_1$4, createElementVNode("div", _hoisted_2$4, [_ctx.imageUrl ? (openBlock(), createBlock(_component_FwImage, {
+      return [_hoisted_1$5, createElementVNode("div", _hoisted_2$5, [_ctx.imageUrl ? (openBlock(), createBlock(_component_FwImage, {
         key: 0,
         src: _ctx.imageUrl,
         type: "background",
         rounded: true,
         "class": "w-9 h-9"
-      }, null, 8, ["src"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$2, [createElementVNode("div", _hoisted_4$2, [createElementVNode("div", _hoisted_5, [createElementVNode("p", _hoisted_6, toDisplayString(_ctx.title), 1), _ctx.subTitle ? (openBlock(), createElementBlock("p", {
+      }, null, 8, ["src"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$3, [createElementVNode("div", _hoisted_4$3, [createElementVNode("div", _hoisted_5$1, [createElementVNode("p", _hoisted_6$1, toDisplayString(_ctx.title), 1), _ctx.subTitle ? (openBlock(), createElementBlock("p", {
         key: 0,
         innerHTML: _ctx.subTitle,
         "class": "text-p-small text-grey-base mb-0"
@@ -9306,7 +9517,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   });
 }
 
-script$2.render = render$4;
+script$3.render = render$5;
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
@@ -24871,7 +25082,7 @@ const Bubble = /* #__PURE__ */ createTypedChart("bubble", BubbleController);
 const Scatter = /* #__PURE__ */ createTypedChart("scatter", ScatterController);
 
 Chart$1.register(BarElement, CategoryScale, LinearScale);
-var script$1 = defineComponent({
+var script$2 = defineComponent({
   name: 'FwBarChart',
   components: {
     BarChart: Bar
@@ -24955,12 +25166,12 @@ var script$1 = defineComponent({
         return strToNumber(singleY);
       })) || [];
     });
-    var style = getComputedStyle(document.body);
-    var colorPrimary = style.getPropertyValue('--colorPrimary');
-    var fontFamily = style.getPropertyValue('--fontFamily');
-    var colorBody = style.getPropertyValue('--colorBody');
-    var primaryFade = "".concat(colorPrimary, "66"); // Adds 40% transparency
-    var bgColor = "".concat(colorPrimary, "0d"); // Adds 5% transparency
+    var _useColours = useColours(),
+      colorPrimary = _useColours.colorPrimary,
+      colorBody = _useColours.colorBody,
+      fontFamily = _useColours.fontFamily,
+      bgColor = _useColours.primaryFade5,
+      primaryFade = _useColours.primaryFade40;
     var maxY = computed(function () {
       return Math.max.apply(Math, _toConsumableArray(yModel.value));
     });
@@ -25081,14 +25292,14 @@ var script$1 = defineComponent({
   }
 });
 
-var _hoisted_1$3 = {
+var _hoisted_1$4 = {
   key: 0
 };
-var _hoisted_2$3 = {
+var _hoisted_2$4 = {
   key: 1,
   "class": "font-normal"
 };
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function render$4(_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,
@@ -25098,7 +25309,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     "class": "flex flex-row justify-between items-start border-b",
     style: normalizeStyle("border-color: ".concat(_ctx.primaryFade))
-  }, [_ctx.title ? (openBlock(), createElementBlock("h3", _hoisted_1$3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true), _ctx.yMarker ? (openBlock(), createElementBlock("h3", _hoisted_2$3, toDisplayString(_ctx.yMarker), 1)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createVNode(_component_BarChart, {
+  }, [_ctx.title ? (openBlock(), createElementBlock("h3", _hoisted_1$4, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true), _ctx.yMarker ? (openBlock(), createElementBlock("h3", _hoisted_2$4, toDisplayString(_ctx.yMarker), 1)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createVNode(_component_BarChart, {
     id: "fw-bar-chart-canvas-".concat(_ctx.uuid),
     "class": "text-primary",
     options: _ctx.chartOptions,
@@ -25107,14 +25318,14 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["id", "options", "data"])], 4)) : createCommentVNode("", true);
 }
 
-script$1.render = render$3;
+script$2.render = render$4;
 
-var script = defineComponent({
+var script$1 = defineComponent({
   name: 'FwSidebarMenu',
   emits: ['toggled'],
   components: {
-    FwButton: script$h,
-    ChevronRightSvg: render$D
+    FwButton: script$g,
+    ChevronRightSvg: render$G
   },
   props: {
     /**
@@ -25147,36 +25358,38 @@ var script = defineComponent({
     }
   },
   setup: function setup(props, ctx) {
+    var baseClass = "h-full shadow-md bg-grey-lightest border-r border-grey-20 \n      fixed top-0 left-0 transition-all duration-300";
     var isMenuOpen = ref(true);
     var toggleMenu = function toggleMenu() {
       isMenuOpen.value = !isMenuOpen.value;
       ctx.emit('toggled', isMenuOpen.value ? props.openWidth : props.closedWidth);
     };
     return {
+      baseClass: baseClass,
       isMenuOpen: isMenuOpen,
       toggleMenu: toggleMenu
     };
   }
 });
 
-var _hoisted_1$2 = {
+var _hoisted_1$3 = {
   key: 0,
   "class": "flex flex-col px-4 py-8"
 };
-var _hoisted_2$2 = {
+var _hoisted_2$3 = {
   key: 0,
   "class": "text-left px-4 pb-6"
 };
-var _hoisted_3$1 = {
+var _hoisted_3$2 = {
   "class": "flex flex-col space-y-1"
 };
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$menuItems;
   var _component_ChevronRightSvg = resolveComponent("ChevronRightSvg");
   var _component_FwButton = resolveComponent("FwButton");
   return _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
     key: 0,
-    "class": normalizeClass(["fw-sidebar-menu h-full shadow-md bg-grey-lightest border-r border-grey-20 fixed top-0 left-0 transition-all duration-300", _ctx.isMenuOpen ? _ctx.openWidth : _ctx.closedWidth]),
+    "class": normalizeClass(["fw-sidebar-menu", [_ctx.baseClass, _ctx.isMenuOpen ? _ctx.openWidth : _ctx.closedWidth]]),
     "aria-label": "Aside navigation menu"
   }, [createVNode(_component_FwButton, {
     variant: "primary",
@@ -25197,9 +25410,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     name: "sidebarMenuSlide"
   }, {
     "default": withCtx(function () {
-      return [_ctx.isMenuOpen ? (openBlock(), createElementBlock("div", _hoisted_1$2, [_ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2$2, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
-        return openBlock(), createBlock(_component_FwButton, {
-          key: i,
+      return [_ctx.isMenuOpen ? (openBlock(), createElementBlock("div", _hoisted_1$3, [_ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2$3, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+        return openBlock(), createElementBlock(Fragment, {
+          key: i
+        }, [!item.disabled ? (openBlock(), createBlock(_component_FwButton, {
+          key: 0,
           rounded: false,
           "class": "!text-left !px-4 text-grey-base",
           variant: "transparent",
@@ -25213,15 +25428,225 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             return [createTextVNode(toDisplayString(item.label), 1)];
           }),
           _: 2
-        }, 1032, ["href", "to", "external"]);
+        }, 1032, ["href", "to", "external"])) : createCommentVNode("", true)], 64);
       }), 128))])])) : createCommentVNode("", true)];
     }),
     _: 3
   })], 2)) : createCommentVNode("", true);
 }
 
-var css_248z$2 = ".sidebarMenuSlide-enter-active{-webkit-animation:sidebarMenuSlide .1s;animation:sidebarMenuSlide .1s;-webkit-transition:opacity .1s ease-in;transition:opacity .1s ease-in;-webkit-transition-delay:10s;transition-delay:10s}.sidebarMenuSlide-leave-active{animation:sidebarMenuSlide .1s reverse;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}@-webkit-keyframes sidebarMenuSlide{0%{opacity:0}to{opacity:1}}@keyframes sidebarMenuSlide{0%{opacity:0}to{opacity:1}}";
-var stylesheet$2 = ".sidebarMenuSlide-enter-active{-webkit-animation:sidebarMenuSlide .1s;animation:sidebarMenuSlide .1s;-webkit-transition:opacity .1s ease-in;transition:opacity .1s ease-in;-webkit-transition-delay:10s;transition-delay:10s}.sidebarMenuSlide-leave-active{animation:sidebarMenuSlide .1s reverse;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}@-webkit-keyframes sidebarMenuSlide{0%{opacity:0}to{opacity:1}}@keyframes sidebarMenuSlide{0%{opacity:0}to{opacity:1}}";
+var css_248z$3 = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-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$3 = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-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$3);
+
+script$1.render = render$3;
+
+var script = defineComponent({
+  name: 'FwDrawer',
+  components: {
+    FwButton: script$g,
+    XMarkSvg: render$p
+  },
+  emits: ['update:modelValue', 'cancel', 'confirm'],
+  props: {
+    /**
+     * The drawer's v-model. Controls the visibility of the drawer.
+     */
+    modelValue: {
+      type: Boolean
+    },
+    /**
+     * The header title of the drawer
+     */
+    header: {
+      type: String
+    },
+    /**
+     * The body description of the drawer
+     */
+    body: {
+      type: String
+    },
+    /**
+     * The aria role of the drawer container. Defaults to `dialog`
+     */
+    role: {
+      type: String,
+      "default": 'dialog'
+    },
+    /**
+     * Whether to show the cancel button
+     */
+    showCancel: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Whether to show the confirm button
+     */
+    showConfirm: {
+      type: Boolean,
+      "default": true
+    },
+    /**
+     * Custom text for the cancel button
+     */
+    cancelButtonText: {
+      type: String,
+      "default": 'Cancel'
+    },
+    /**
+     * Button variant for the cancel button
+     */
+    cancelButtonType: {
+      type: String,
+      "default": 'secondary',
+      validator: function validator(value) {
+        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'].includes(value);
+      }
+    },
+    /**
+     * Custom text for the confirm button
+     */
+    confirmButtonText: {
+      type: String,
+      "default": 'Confirm'
+    },
+    /**
+     * Button variant for the confirm button
+     */
+    confirmButtonType: {
+      type: String,
+      "default": 'primary',
+      validator: function validator(value) {
+        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'].includes(value);
+      }
+    }
+  },
+  setup: function setup(props, ctx) {
+    var baseDrawerClass = "fixed shadow-card top-0 right-0 z-40 h-screen bg-white";
+    var drawerFooterClass = "\n      sticky bottom-0 w-full shadow-card bg-white p-4\n    ";
+    var isMounted = ref(false);
+    var uuid = uniqueId();
+    var isOpen = computed({
+      get: function get() {
+        return props.modelValue;
+      },
+      set: function set(state) {
+        return ctx.emit('update:modelValue', state);
+      }
+    });
+    var onConfirmed = function onConfirmed() {
+      ctx.emit('confirm');
+      isOpen.value = false;
+    };
+    var onCancelled = function onCancelled() {
+      ctx.emit('cancel');
+      isOpen.value = false;
+    };
+    onMounted(function () {
+      isMounted.value = true;
+    });
+    return {
+      baseDrawerClass: baseDrawerClass,
+      drawerFooterClass: drawerFooterClass,
+      isOpen: isOpen,
+      uuid: uuid,
+      isMounted: isMounted,
+      onConfirmed: onConfirmed,
+      onCancelled: onCancelled
+    };
+  }
+});
+
+var _hoisted_1$2 = ["id"];
+var _hoisted_2$2 = {
+  "class": "flex flex-row justify-between items-center p-4"
+};
+var _hoisted_3$1 = ["id"];
+var _hoisted_4$2 = ["id"];
+var _hoisted_5 = {
+  key: 0,
+  "class": "flex items-center"
+};
+var _hoisted_6 = {
+  key: 1,
+  "class": "flex items-center space-x-2"
+};
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_XMarkSvg = resolveComponent("XMarkSvg");
+  var _component_FwButton = resolveComponent("FwButton");
+  return openBlock(), createBlock(Transition, {
+    name: "drawerSlideInOut",
+    appear: ""
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.isOpen ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        id: "fw-drawer-".concat(_ctx.uuid),
+        "class": normalizeClass(["fw-drawer", _ctx.baseDrawerClass]),
+        tabindex: "-1",
+        "aria-labelledby": "drawer-label"
+      }, [createElementVNode("div", _hoisted_2$2, [_ctx.$slots.header ? (openBlock(), createElementBlock("h3", {
+        key: 0,
+        id: "drawer_".concat(_ctx.uuid, "_header"),
+        "class": "inline-flex items-center mb-0 text-body font-semibold"
+      }, [renderSlot(_ctx.$slots, "header")], 8, _hoisted_3$1)) : createCommentVNode("", true), createVNode(_component_FwButton, {
+        variant: "primary",
+        tabindex: "",
+        title: "Close drawer",
+        onClick: _cache[0] || (_cache[0] = function ($event) {
+          return _ctx.onCancelled();
+        }),
+        "class": "inline-block w-9 h-9 !p-0 shadow inline-flex items-center justify-center rounded-full"
+      }, {
+        "default": withCtx(function () {
+          return [createVNode(_component_XMarkSvg, {
+            "class": "w-6 h-6 inline-block m-0 transition-rotate duration-200"
+          })];
+        }),
+        _: 1
+      })]), _ctx.$slots.body ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        "class": "fw-drawer-body h-screen overflow-y-scroll pb-[155px]",
+        id: "drawer_".concat(_ctx.uuid, "_body")
+      }, [renderSlot(_ctx.$slots, "body")], 8, _hoisted_4$2)) : createCommentVNode("", true), _ctx.$slots.footer || _ctx.showConfirm || _ctx.showCancel ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        "class": normalizeClass(["fw-drawer-footer", _ctx.drawerFooterClass])
+      }, [_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "footer")])) : (openBlock(), createElementBlock("div", _hoisted_6, [_ctx.showCancel ? (openBlock(), createBlock(_component_FwButton, {
+        key: 0,
+        "class": "basis-1/2",
+        variant: _ctx.cancelButtonType,
+        "aria-label": _ctx.cancelButtonText,
+        onClick: _cache[1] || (_cache[1] = function ($event) {
+          return _ctx.onCancelled();
+        })
+      }, {
+        "default": withCtx(function () {
+          return [createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)];
+        }),
+        _: 1
+      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true), _ctx.showConfirm ? (openBlock(), createBlock(_component_FwButton, {
+        key: 1,
+        "class": "basis-1/2",
+        variant: _ctx.confirmButtonType,
+        "aria-label": _ctx.confirmButtonText,
+        onClick: _cache[2] || (_cache[2] = function ($event) {
+          return _ctx.onConfirmed();
+        })
+      }, {
+        "default": withCtx(function () {
+          return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
+        }),
+        _: 1
+      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)]))], 2)) : createCommentVNode("", true)], 10, _hoisted_1$2)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  });
+}
+
+var css_248z$2 = ".drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-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)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
+var stylesheet$2 = ".drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-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)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
 styleInject(css_248z$2);
 
 script.render = render$2;
@@ -25347,32 +25772,33 @@ __default__.__scopeId = "data-v-c32112d4";
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   FwForm: Form,
-  FwInput: script$m,
-  FwCheckbox: script$l,
-  FwDropdown: script$k,
-  FwCard: script$j,
-  FwButton: script$h,
-  FwNavigationMenu: script$g,
-  FwTabs: script$f,
-  FwTab: script$e,
-  FwModal: script$d,
-  FwProgressBar: script$c,
-  FwTag: script$b,
-  FwTable: __default__$2,
+  FwInput: script$l,
+  FwCheckbox: script$k,
+  FwDropdown: script$j,
+  FwCard: script$i,
+  FwButton: script$g,
+  FwNavigationMenu: script$f,
+  FwTabs: script$e,
+  FwTab: script$d,
+  FwModal: script$c,
+  FwProgressBar: script$b,
+  FwTag: __default__$4,
+  FwTable: __default__$3,
   FwTableHead: script$9,
   FwTableRow: script$8,
-  FwAccordion: script$7,
-  FwImage: script$6,
+  FwAccordion: __default__$2,
+  FwImage: script$7,
   FwLoadingBar: script$a,
-  FwLoadingCard: script$5,
-  FwLoadingTable: script$4,
-  FwToast: script$3,
-  FwTransactionsCard: script$2,
-  FwBarChart: script$1,
-  FwSidebarMenu: script,
+  FwLoadingCard: script$6,
+  FwLoadingTable: script$5,
+  FwToast: script$4,
+  FwTransactionsCard: script$3,
+  FwBarChart: script$2,
+  FwSidebarMenu: script$1,
+  FwDrawer: script,
   FwEmailPulse: __default__$1,
   FwSuccessPulse: __default__,
-  FwLoadingSpinner: script$i
+  FwLoadingSpinner: script$h
 });
 
 function _defineProperty(obj, key, value) {
@@ -25423,7 +25849,7 @@ var modalService = function modalService(options) {
   }));
   createApp({
     render: function render() {
-      return h(script$d, props);
+      return h(script$c, props);
     }
   }).mount(elementToMount);
   var open = function open() {
@@ -25447,7 +25873,7 @@ var toastService = function toastService() {
     }));
     createApp({
       render: function render() {
-        return h(script$3, props);
+        return h(script$4, props);
       }
     }).mount(elementToMount);
   };
@@ -25476,4 +25902,4 @@ var install = function install(app) {
   });
 };
 
-export { script$7 as FwAccordion, script$1 as FwBarChart, script$h as FwButton, script$j as FwCard, script$l as FwCheckbox, script$k as FwDropdown, __default__$1 as FwEmailPulse, Form as FwForm, script$6 as FwImage, script$m as FwInput, script$a as FwLoadingBar, script$5 as FwLoadingCard, script$i as FwLoadingSpinner, script$4 as FwLoadingTable, script$d as FwModal, script$g as FwNavigationMenu, script$c as FwProgressBar, script as FwSidebarMenu, __default__ as FwSuccessPulse, script$e as FwTab, __default__$2 as FwTable, script$9 as FwTableHead, script$8 as FwTableRow, script$f as FwTabs, script$b as FwTag, script$3 as FwToast, script$2 as FwTransactionsCard, install as default, modalService, toastService };
+export { __default__$2 as FwAccordion, script$2 as FwBarChart, script$g as FwButton, script$i as FwCard, script$k as FwCheckbox, script as FwDrawer, script$j as FwDropdown, __default__$1 as FwEmailPulse, Form as FwForm, script$7 as FwImage, script$l as FwInput, script$a as FwLoadingBar, script$6 as FwLoadingCard, script$h as FwLoadingSpinner, script$5 as FwLoadingTable, script$c as FwModal, script$f as FwNavigationMenu, script$b as FwProgressBar, script$1 as FwSidebarMenu, __default__ as FwSuccessPulse, script$d as FwTab, __default__$3 as FwTable, script$9 as FwTableHead, script$8 as FwTableRow, script$e as FwTabs, __default__$4 as FwTag, script$4 as FwToast, script$3 as FwTransactionsCard, install as default, modalService, toastService };