@frollo/frollo-web-ui 0.0.21 → 0.0.22

package/cjs/index.js

@@ -150,11 +150,11 @@ var functionUncurryThis = NATIVE_BIND$1 ? function (fn) {
   };
 };var uncurryThis$h = functionUncurryThis;
 
-var toString$4 = uncurryThis$h({}.toString);
+var toString$5 = uncurryThis$h({}.toString);
 var stringSlice = uncurryThis$h(''.slice);
 
 var classofRaw$1 = function (it) {
-  return stringSlice(toString$4(it), 8, -1);
+  return stringSlice(toString$5(it), 8, -1);
 };var global$q = global$r;
 var uncurryThis$g = functionUncurryThis;
 var fails$7 = fails$a;
@@ -259,7 +259,7 @@ var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
 var Object$3 = global$m.Object;
 
-var isSymbol$3 = USE_SYMBOL_AS_UID$1 ? function (it) {
+var isSymbol$4 = USE_SYMBOL_AS_UID$1 ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
   var $Symbol = getBuiltIn$3('Symbol');
@@ -348,20 +348,20 @@ var toObject$2 = function (argument) {
 };var uncurryThis$e = functionUncurryThis;
 var toObject$1 = toObject$2;
 
-var hasOwnProperty = uncurryThis$e({}.hasOwnProperty);
+var hasOwnProperty$1 = uncurryThis$e({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty(toObject$1(it), key);
+  return hasOwnProperty$1(toObject$1(it), key);
 };var uncurryThis$d = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$3 = uncurryThis$d(1.0.toString);
+var toString$4 = uncurryThis$d(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$3(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$4(++id + postfix, 36);
 };var global$f = global$r;
 var shared$2 = shared$4.exports;
 var hasOwn$7 = hasOwnProperty_1;
@@ -370,15 +370,15 @@ var NATIVE_SYMBOL = nativeSymbol;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
 var WellKnownSymbolsStore = shared$2('wks');
-var Symbol$1 = global$f.Symbol;
-var symbolFor = Symbol$1 && Symbol$1['for'];
-var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
+var Symbol$2 = global$f.Symbol;
+var symbolFor = Symbol$2 && Symbol$2['for'];
+var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
 
 var wellKnownSymbol$5 = function (name) {
   if (!hasOwn$7(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
     var description = 'Symbol.' + name;
-    if (NATIVE_SYMBOL && hasOwn$7(Symbol$1, name)) {
-      WellKnownSymbolsStore[name] = Symbol$1[name];
+    if (NATIVE_SYMBOL && hasOwn$7(Symbol$2, name)) {
+      WellKnownSymbolsStore[name] = Symbol$2[name];
     } else if (USE_SYMBOL_AS_UID && symbolFor) {
       WellKnownSymbolsStore[name] = symbolFor(description);
     } else {
@@ -388,7 +388,7 @@ var wellKnownSymbol$5 = function (name) {
 };var global$e = global$r;
 var call$1 = functionCall;
 var isObject$6 = isObject$8;
-var isSymbol$2 = isSymbol$3;
+var isSymbol$3 = isSymbol$4;
 var getMethod = getMethod$1;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
 var wellKnownSymbol$4 = wellKnownSymbol$5;
@@ -399,25 +399,25 @@ var TO_PRIMITIVE = wellKnownSymbol$4('toPrimitive');
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$2 = function (input, pref) {
-  if (!isObject$6(input) || isSymbol$2(input)) return input;
+  if (!isObject$6(input) || isSymbol$3(input)) return input;
   var exoticToPrim = getMethod(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = call$1(exoticToPrim, input, pref);
-    if (!isObject$6(result) || isSymbol$2(result)) return result;
+    if (!isObject$6(result) || isSymbol$3(result)) return result;
     throw TypeError$6("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
 };var toPrimitive$1 = toPrimitive$2;
-var isSymbol$1 = isSymbol$3;
+var isSymbol$2 = isSymbol$4;
 
 // `ToPropertyKey` abstract operation
 // https://tc39.es/ecma262/#sec-topropertykey
 var toPropertyKey$2 = function (argument) {
   var key = toPrimitive$1(argument, 'string');
-  return isSymbol$1(key) ? key : key + '';
+  return isSymbol$2(key) ? key : key + '';
 };var global$d = global$r;
 var isObject$5 = isObject$8;
 
@@ -801,17 +801,17 @@ var anObject$3 = anObject$5;
 var concat = uncurryThis$9([].concat);
 
 // all object keys, includes non-enumerable and symbols
-var ownKeys$1 = getBuiltIn$2('Reflect', 'ownKeys') || function ownKeys(it) {
+var ownKeys$2 = getBuiltIn$2('Reflect', 'ownKeys') || function ownKeys(it) {
   var keys = getOwnPropertyNamesModule.f(anObject$3(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
   return getOwnPropertySymbols ? concat(keys, getOwnPropertySymbols(it)) : keys;
 };var hasOwn$1 = hasOwnProperty_1;
-var ownKeys = ownKeys$1;
+var ownKeys$1 = ownKeys$2;
 var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
 var definePropertyModule$2 = objectDefineProperty;
 
 var copyConstructorProperties$1 = function (target, source, exceptions) {
-  var keys = ownKeys(source);
+  var keys = ownKeys$1(source);
   var defineProperty = definePropertyModule$2.f;
   var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
   for (var i = 0; i < keys.length; i++) {
@@ -912,7 +912,7 @@ var functionBindContext = function (fn, that) {
 // `IsArray` abstract operation
 // https://tc39.es/ecma262/#sec-isarray
 // eslint-disable-next-line es/no-array-isarray -- safe
-var isArray$1 = Array.isArray || function isArray(argument) {
+var isArray$2 = Array.isArray || function isArray(argument) {
   return classof$4(argument) == 'Array';
 };var wellKnownSymbol$3 = wellKnownSymbol$5;
 
@@ -1002,7 +1002,7 @@ var isConstructor$1 = !construct || fails$2(function () {
     || !isConstructorModern(function () { called = true; })
     || called;
 }) ? isConstructorLegacy : isConstructorModern;var global$5 = global$r;
-var isArray = isArray$1;
+var isArray$1 = isArray$2;
 var isConstructor = isConstructor$1;
 var isObject$2 = isObject$8;
 var wellKnownSymbol$1 = wellKnownSymbol$5;
@@ -1014,10 +1014,10 @@ var Array$1 = global$5.Array;
 // https://tc39.es/ecma262/#sec-arrayspeciescreate
 var arraySpeciesConstructor$1 = function (originalArray) {
   var C;
-  if (isArray(originalArray)) {
+  if (isArray$1(originalArray)) {
     C = originalArray.constructor;
     // cross-realm fallback
-    if (isConstructor(C) && (C === Array$1 || isArray(C.prototype))) C = undefined;
+    if (isConstructor(C) && (C === Array$1 || isArray$1(C.prototype))) C = undefined;
     else if (isObject$2(C)) {
       C = C[SPECIES];
       if (C === null) C = undefined;
@@ -1136,16 +1136,16 @@ var classof$1 = classof$3;
 
 // `Object.prototype.toString` method implementation
 // https://tc39.es/ecma262/#sec-object.prototype.tostring
-var objectToString = TO_STRING_TAG_SUPPORT$1 ? {}.toString : function toString() {
+var objectToString$1 = TO_STRING_TAG_SUPPORT$1 ? {}.toString : function toString() {
   return '[object ' + classof$1(this) + ']';
 };var TO_STRING_TAG_SUPPORT = toStringTagSupport;
 var redefine$1 = redefine$4.exports;
-var toString$2 = objectToString;
+var toString$3 = objectToString$1;
 
 // `Object.prototype.toString` method
 // https://tc39.es/ecma262/#sec-object.prototype.tostring
 if (!TO_STRING_TAG_SUPPORT) {
-  redefine$1(Object.prototype, 'toString', toString$2, { unsafe: true });
+  redefine$1(Object.prototype, 'toString', toString$3, { unsafe: true });
 }var web_domCollections_forEach = {};// iterable DOM collections
 // flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
 var domIterables = {
@@ -4521,7 +4521,7 @@ $$1({ target: 'Array', proto: true }, {
 });
 
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables$1('includes');var script$6 = vue.defineComponent({
+addToUnscopables$1('includes');var script$7 = vue.defineComponent({
   name: 'FwInput',
   emits: ['update:modelValue'],
   components: {
@@ -4629,29 +4629,29 @@ if (DESCRIPTORS$1 && !FUNCTION_NAME_EXISTS) {
       }
     }
   });
-}var _hoisted_1$5 = {
+}var _hoisted_1$6 = {
   "class": "fw-input w-full"
 };
-var _hoisted_2$4 = {
+var _hoisted_2$5 = {
   "class": "flex flex-col"
 };
-var _hoisted_3$4 = {
+var _hoisted_3$5 = {
   "class": "flex flex-row justify-between"
 };
-var _hoisted_4$3 = ["for"];
-var _hoisted_5$2 = {
+var _hoisted_4$4 = ["for"];
+var _hoisted_5$3 = {
   key: 1
 };
-var _hoisted_6$2 = {
+var _hoisted_6$3 = {
   "class": "relative"
 };
-var _hoisted_7$2 = {
+var _hoisted_7$3 = {
   key: 0,
   "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
 };
-var _hoisted_8$2 = ["placeholder", "type", "readonly", "disabled"];
+var _hoisted_8$3 = ["placeholder", "type", "readonly", "disabled"];
 
-var _hoisted_9$1 = /*#__PURE__*/vue.createElementVNode("svg", {
+var _hoisted_9$2 = /*#__PURE__*/vue.createElementVNode("svg", {
   fill: "currentColor",
   "aria-hidden": "true",
   focusable: "false",
@@ -4662,8 +4662,8 @@ var _hoisted_9$1 = /*#__PURE__*/vue.createElementVNode("svg", {
   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$1 = [_hoisted_9$1];
-var _hoisted_11$1 = {
+var _hoisted_10$2 = [_hoisted_9$2];
+var _hoisted_11$2 = {
   key: 1,
   "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
 };
@@ -4677,10 +4677,10 @@ var _hoisted_13 = {
 var _hoisted_14 = {
   key: 1
 };
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = vue.resolveComponent("InputField");
 
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [vue.createVNode(_component_InputField, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [vue.createVNode(_component_InputField, {
     modelValue: _ctx.inputValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
       return _ctx.inputValue = $event;
@@ -4693,11 +4693,11 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
           errors = _ref.errors,
           errorMessage = _ref.errorMessage,
           meta = _ref.meta;
-      return [vue.createElementVNode("div", _hoisted_2$4, [vue.createElementVNode("div", _hoisted_3$4, [_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+      return [vue.createElementVNode("div", _hoisted_2$5, [vue.createElementVNode("div", _hoisted_3$5, [_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
         key: 0,
         "for": _ctx.name,
         "class": "block mb-2"
-      }, vue.toDisplayString(_ctx.label), 9, _hoisted_4$3)) : vue.createCommentVNode("", true), _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [vue.renderSlot(_ctx.$slots, "action")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_6$2, [_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [vue.renderSlot(_ctx.$slots, "prefix")])) : vue.createCommentVNode("", true), vue.createElementVNode("input", vue.mergeProps(field, {
+      }, vue.toDisplayString(_ctx.label), 9, _hoisted_4$4)) : vue.createCommentVNode("", true), _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$3, [vue.renderSlot(_ctx.$slots, "action")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_6$3, [_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [vue.renderSlot(_ctx.$slots, "prefix")])) : vue.createCommentVNode("", true), vue.createElementVNode("input", vue.mergeProps(field, {
         placeholder: _ctx.placeholder,
         type: _ctx.type,
         readonly: _ctx.readonly,
@@ -4706,17 +4706,17 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
           'pl-10': !!_ctx.$slots.prefix,
           'pr-20': !!_ctx.$slots.suffix
         }]
-      }), null, 16, _hoisted_8$2), vue.createVNode(vue.Transition, {
+      }), null, 16, _hoisted_8$3), vue.createVNode(vue.Transition, {
         name: "fwFadeIn"
       }, {
         "default": vue.withCtx(function () {
           return [(errorMessage || errors[0]) && meta.touched ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             "class": vue.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$1, 2)) : vue.createCommentVNode("", true)];
+          }, _hoisted_10$2, 2)) : vue.createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_12$1, [vue.createVNode(vue.Transition, {
+      }, 1024), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$2, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_12$1, [vue.createVNode(vue.Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -4753,9 +4753,9 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   } else {
     style.appendChild(document.createTextNode(css));
   }
-}var css_248z$3 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-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$3 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-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$3);script$6.render = render$6;var script$5 = vue.defineComponent({
+}var css_248z$4 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-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$4 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-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$4);script$7.render = render$7;var script$6 = vue.defineComponent({
   name: 'FwCheckbox',
   components: {
     InputField: Field
@@ -4790,29 +4790,29 @@ styleInject(css_248z$3);script$6.render = render$6;var script$5 = vue.defineComp
       type: String
     }
   }
-});var _hoisted_1$4 = {
+});var _hoisted_1$5 = {
   "class": "fw-checkbox w-full"
 };
-var _hoisted_2$3 = {
+var _hoisted_2$4 = {
   "class": "flex flex-col"
 };
-var _hoisted_3$3 = ["for"];
-var _hoisted_4$2 = ["value", "name"];
-var _hoisted_5$1 = ["innerHTML"];
-var _hoisted_6$1 = {
+var _hoisted_3$4 = ["for"];
+var _hoisted_4$3 = ["value", "name"];
+var _hoisted_5$2 = ["innerHTML"];
+var _hoisted_6$2 = {
   "class": "italic text-sm font-medium min-h-[21px]"
 };
-var _hoisted_7$1 = {
+var _hoisted_7$2 = {
   key: 0,
   "class": "text-error"
 };
-var _hoisted_8$1 = {
+var _hoisted_8$2 = {
   key: 1
 };
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = vue.resolveComponent("InputField");
 
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [vue.createVNode(_component_InputField, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [vue.createVNode(_component_InputField, {
     name: _ctx.name,
     value: _ctx.name,
     type: "checkbox",
@@ -4823,7 +4823,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
           errors = _ref.errors,
           errorMessage = _ref.errorMessage,
           meta = _ref.meta;
-      return [vue.createElementVNode("div", _hoisted_2$3, [_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+      return [vue.createElementVNode("div", _hoisted_2$4, [_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
         key: 0,
         "for": _ctx.name,
         "class": "inline-flex items-center mb-3"
@@ -4832,24 +4832,24 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.name,
         type: "checkbox",
         "class": "text-primary w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
-      }), null, 16, _hoisted_4$2), vue.createElementVNode("span", {
+      }), null, 16, _hoisted_4$3), vue.createElementVNode("span", {
         "class": "ml-2",
         innerHTML: _ctx.label
-      }, null, 8, _hoisted_5$1)], 8, _hoisted_3$3)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_6$1, [vue.createVNode(vue.Transition, {
+      }, null, 8, _hoisted_5$2)], 8, _hoisted_3$4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_6$2, [vue.createVNode(vue.Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
         "default": vue.withCtx(function () {
-          return [(errorMessage || errors[0]) && meta.touched ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$1, vue.toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$1, vue.toDisplayString(_ctx.hint), 1)) : vue.createCommentVNode("", true)];
+          return [(errorMessage || errors[0]) && meta.touched ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, vue.toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$2, vue.toDisplayString(_ctx.hint), 1)) : vue.createCommentVNode("", true)];
         }),
         _: 2
       }, 1024)])])];
     }),
     _: 1
   }, 8, ["name", "value", "rules"])]);
-}var css_248z$2 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-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}}.fw-checkbox input{-webkit-print-color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;color-adjust:exact;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-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: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$2 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-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}}.fw-checkbox input{-webkit-print-color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;color-adjust:exact;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-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: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$2);script$5.render = render$5;var script$4 = vue.defineComponent({
+}var css_248z$3 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-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}}.fw-checkbox input{-webkit-print-color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;color-adjust:exact;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-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: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$3 = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-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}}.fw-checkbox input{-webkit-print-color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;color-adjust:exact;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-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: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$3);script$6.render = render$6;var script$5 = vue.defineComponent({
   name: 'FwCard',
   props: {
     /**
@@ -4888,22 +4888,22 @@ styleInject(css_248z$2);script$5.render = render$5;var script$4 = vue.defineComp
       componentName: componentName
     };
   }
-});var _hoisted_1$3 = {
+});var _hoisted_1$4 = {
   key: 0,
-  "class": "fw-card--header text-lg px-8 py-4 font-bold bg-grey-lightest rounded-t-lg border-opacity-0"
+  "class": "fw-card--header px-8 py-4 bg-grey-lightest rounded-t-lg border-opacity-0"
 };
-var _hoisted_2$2 = {
+var _hoisted_2$3 = {
   key: 0,
   "class": "fw-card--prefix-title text-primary"
 };
-var _hoisted_3$2 = {
+var _hoisted_3$3 = {
   key: 1
 };
-var _hoisted_4$1 = {
+var _hoisted_4$2 = {
   key: 1,
   "class": "p-8"
 };
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.componentName), {
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
@@ -4911,11 +4911,11 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     "class": vue.normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? 'block cursor-pointer focus:outline-none ring-offset-3 focus:ring focus:ring-primary transform-none transition-transform hover:-translate-y-1' : ''])
   }, {
     "default": vue.withCtx(function () {
-      return [_ctx.title || _ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_1$3, [_ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(_ctx.prefixTitle), 1)) : vue.createCommentVNode("", true), _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.$slots["default"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true)];
+      return [_ctx.title || _ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_1$4, [_ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3, vue.toDisplayString(_ctx.prefixTitle), 1)) : vue.createCommentVNode("", true), _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$3, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.$slots["default"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true)];
     }),
     _: 3
   }, 8, ["to", "href", "tabindex", "class"]);
-}script$4.render = render$4;var script$3 = vue.defineComponent({
+}script$5.render = render$5;var script$4 = vue.defineComponent({
   name: 'FwButton',
   emits: ['click', 'mouseover', 'mouseout', 'focusin', 'focusout'],
   props: {
@@ -4998,7 +4998,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         border: 'border-none focus-visible:ring-primary'
       },
       text: {
-        text: 'text-body font-medium hover:text-white active:text-white',
+        text: 'text-body hover:text-white active:text-white',
         background: 'bg-white hover:bg-body active:bg-body',
         border: 'border-transparent focus-visible:ring-body'
       }
@@ -5080,7 +5080,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       tagName: tagName
     };
   }
-});function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+});function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tagName), {
     "class": vue.normalizeClass(["fw-button inline-block text-center cursor-pointer whitespace-nowrap border-2 focus:outline-0 focus-visible:outline-0 focus:ring-none ring-offset-2 focus-visible:ring", [_ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 rounded-none font-normal' : 'font-bold rounded-full']]),
     type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
@@ -5098,13 +5098,13 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 3
   }, 8, ["class", "type", "to", "href", "tabindex", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
-}var css_248z$1 = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
-var stylesheet$1 = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
-styleInject(css_248z$1);script$3.render = render$3;var script$2 = vue.defineComponent({
+}var css_248z$2 = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
+var stylesheet$2 = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}";
+styleInject(css_248z$2);script$4.render = render$4;var script$3 = vue.defineComponent({
   name: 'FwNavigationMenu',
   emits: ['action'],
   components: {
-    FwButton: script$3
+    FwButton: script$4
   },
   props: {
     /**
@@ -5140,36 +5140,36 @@ styleInject(css_248z$1);script$3.render = render$3;var script$2 = vue.defineComp
       actionClicked: actionClicked
     };
   }
-});var _hoisted_1$2 = {
+});var _hoisted_1$3 = {
   "class": "fw-nav-menu relative z-50 h-20 shadow-md"
 };
-var _hoisted_2$1 = {
+var _hoisted_2$2 = {
   "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between"
 };
-var _hoisted_3$1 = {
+var _hoisted_3$2 = {
   key: 0,
   "class": "flex-shrink-0 flex items-center"
 };
-var _hoisted_4 = {
+var _hoisted_4$1 = {
   key: 1,
-  "class": "container hidden sm:flex items-center justify-start sm:ml-6"
+  "class": "container hidden sm:flex items-center justify-start max-w-[600px] sm:ml-6"
 };
-var _hoisted_5 = {
+var _hoisted_5$1 = {
   "class": "flex space-x-2"
 };
-var _hoisted_6 = {
+var _hoisted_6$1 = {
   key: 2,
   "class": "hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_7 = {
+var _hoisted_7$1 = {
   "class": "flex items-center sm:hidden"
 };
 
-var _hoisted_8 = /*#__PURE__*/vue.createElementVNode("span", {
+var _hoisted_8$1 = /*#__PURE__*/vue.createElementVNode("span", {
   "class": "sr-only"
 }, "Open main menu", -1);
 
-var _hoisted_9 = {
+var _hoisted_9$1 = {
   "class": "block h-6 w-6",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -5177,20 +5177,20 @@ var _hoisted_9 = {
   stroke: "currentColor",
   "aria-hidden": "true"
 };
-var _hoisted_10 = ["d"];
-var _hoisted_11 = {
+var _hoisted_10$1 = ["d"];
+var _hoisted_11$1 = {
   key: 0,
   "class": "fw-nav-menu--mobile min-h-screen top-0 left-0 pt-20 absolute w-full flex flex-col justify-between px-2 bg-white shadow-md pb-3 space-y-1"
 };
 var _hoisted_12 = {
   "class": "w-full flex flex-col"
 };
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$menuItems;
 
   var _component_FwButton = vue.resolveComponent("FwButton");
 
-  return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$2, [vue.createElementVNode("div", _hoisted_2$1, [_ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [vue.renderSlot(_ctx.$slots, "logo")])) : vue.createCommentVNode("", true), ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [vue.createElementVNode("div", _hoisted_5, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
+  return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$3, [vue.createElementVNode("div", _hoisted_2$2, [_ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [vue.renderSlot(_ctx.$slots, "logo")])) : vue.createCommentVNode("", true), ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [vue.createElementVNode("div", _hoisted_5$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
     return vue.openBlock(), vue.createBlock(_component_FwButton, {
       key: i,
       variant: "text",
@@ -5204,7 +5204,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       _: 2
     }, 1032, ["href", "to"]);
-  }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [vue.createVNode(_component_FwButton, {
+  }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [vue.createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
     "aria-label": _ctx.actionLabel
@@ -5213,18 +5213,18 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       return [vue.createTextVNode(vue.toDisplayString(_ctx.actionLabel), 1)];
     }),
     _: 1
-  }, 8, ["onClick", "aria-label"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_7, [vue.createVNode(_component_FwButton, {
+  }, 8, ["onClick", "aria-label"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_7$1, [vue.createVNode(_component_FwButton, {
     variant: "text",
     size: "sm",
     onClick: _ctx.toggleMobileMenu
   }, {
     "default": vue.withCtx(function () {
-      return [_hoisted_8, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9, [vue.createElementVNode("path", {
+      return [_hoisted_8$1, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9$1, [vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "stroke-width": "2",
         d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
-      }, null, 8, _hoisted_10)]))];
+      }, null, 8, _hoisted_10$1)]))];
     }),
     _: 1
   }, 8, ["onClick"])])]), vue.createVNode(vue.Transition, {
@@ -5233,10 +5233,10 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     "default": vue.withCtx(function () {
       var _ctx$menuItems2;
 
-      return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [vue.createElementVNode("div", _hoisted_12, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
+      return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [vue.createElementVNode("div", _hoisted_12, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
         return vue.openBlock(), vue.createBlock(_component_FwButton, {
           key: i,
-          "class": "w-full rounded-md px-2",
+          "class": "w-full rounded-md",
           variant: "text",
           href: item.href,
           to: item.to,
@@ -5251,8 +5251,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       }), 128))]), _ctx.actionLabel ? (vue.openBlock(), vue.createBlock(_component_FwButton, {
         key: 0,
         "class": "w-full rounded-md px-2",
-        onClick: _ctx.actionClicked,
-        size: "md"
+        onClick: _ctx.actionClicked
       }, {
         "default": vue.withCtx(function () {
           return [vue.createTextVNode(vue.toDisplayString(_ctx.actionLabel), 1)];
@@ -5262,9 +5261,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   })]);
-}var css_248z = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-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;-o-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 = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-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;-o-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);script$2.render = render$2;var es_number_constructor = {};var global$3 = global$r;
+}var css_248z$1 = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-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;-o-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$1 = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-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;-o-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$1);script$3.render = render$3;var es_number_constructor = {};var global$3 = global$r;
 var isCallable$1 = isCallable$e;
 
 var String$2 = global$3.String;
@@ -5326,14 +5325,14 @@ var classof = classof$3;
 
 var String$1 = global$2.String;
 
-var toString$1 = function (argument) {
+var toString$2 = function (argument) {
   if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
   return String$1(argument);
 };// a string of all valid unicode whitespaces
 var whitespaces$1 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
   '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';var uncurryThis$1 = functionUncurryThis;
 var requireObjectCoercible = requireObjectCoercible$3;
-var toString = toString$1;
+var toString$1 = toString$2;
 var whitespaces = whitespaces$1;
 
 var replace = uncurryThis$1(''.replace);
@@ -5344,7 +5343,7 @@ var rtrim = RegExp(whitespace + whitespace + '*$');
 // `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
 var createMethod = function (TYPE) {
   return function ($this) {
-    var string = toString(requireObjectCoercible($this));
+    var string = toString$1(requireObjectCoercible($this));
     if (TYPE & 1) string = replace(string, ltrim, '');
     if (TYPE & 2) string = replace(string, rtrim, '');
     return string;
@@ -5370,7 +5369,7 @@ var redefine = redefine$4.exports;
 var hasOwn = hasOwnProperty_1;
 var inheritIfRequired = inheritIfRequired$1;
 var isPrototypeOf = objectIsPrototypeOf;
-var isSymbol = isSymbol$3;
+var isSymbol$1 = isSymbol$4;
 var toPrimitive = toPrimitive$2;
 var fails = fails$a;
 var getOwnPropertyNames = objectGetOwnPropertyNames.f;
@@ -5398,7 +5397,7 @@ var toNumeric = function (value) {
 var toNumber = function (argument) {
   var it = toPrimitive(argument, 'number');
   var first, third, radix, maxCode, digits, length, index, code;
-  if (isSymbol(it)) throw TypeError$1('Cannot convert a Symbol value to a number');
+  if (isSymbol$1(it)) throw TypeError$1('Cannot convert a Symbol value to a number');
   if (typeof it == 'string' && it.length > 2) {
     it = trim(it);
     first = charCodeAt(it, 0);
@@ -5448,7 +5447,7 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
   NumberWrapper.prototype = NumberPrototype;
   NumberPrototype.constructor = NumberWrapper;
   redefine(global$1, NUMBER, NumberWrapper);
-}var script$1 = vue.defineComponent({
+}var script$2 = vue.defineComponent({
   name: 'FwTabs',
   emits: ['update:modelValue'],
   props: {
@@ -5480,16 +5479,16 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
       selectTab: selectTab
     };
   }
-});var _hoisted_1$1 = {
+});var _hoisted_1$2 = {
   "class": "fw-tabs"
 };
-var _hoisted_2 = {
+var _hoisted_2$1 = {
   key: 0,
   "class": "flex flex-wrap -mb-px border-b border-grey-light dark:text-grey-base dark:border-grey-base"
 };
-var _hoisted_3 = ["onClick"];
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [_ctx.tabs ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, function (tab, i) {
+var _hoisted_3$1 = ["onClick"];
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [_ctx.tabs ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, function (tab, i) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "class": "mr-2",
       key: i
@@ -5499,9 +5498,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
         return _ctx.selectTab(i);
       },
       "class": vue.normalizeClass(["inline-block p-4 outline-primary border-b-2 border-transparent transition ease-in", _ctx.active === i ? 'font-medium border-black' : 'hover:bg-grey-lightest'])
-    }, vue.toDisplayString(tab.props.label), 11, _hoisted_3)]);
+    }, vue.toDisplayString(tab.props.label), 11, _hoisted_3$1)]);
   }), 128))])) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default")]);
-}script$1.render = render$1;var es_array_findIndex = {};'use strict';
+}script$2.render = render$2;var es_array_findIndex = {};'use strict';
 var $ = _export;
 var $findIndex = arrayIteration.findIndex;
 var addToUnscopables = addToUnscopables$2;
@@ -5521,7 +5520,7 @@ $({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
 });
 
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables(FIND_INDEX);var script = vue.defineComponent({
+addToUnscopables(FIND_INDEX);var script$1 = vue.defineComponent({
   name: 'FwTab',
   props: {
     /**
@@ -5562,22 +5561,526 @@ addToUnscopables(FIND_INDEX);var script = vue.defineComponent({
       index: index
     };
   }
-});var _hoisted_1 = {
+});var _hoisted_1$1 = {
   key: 0,
   "class": "fw-tab w-full"
 };
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.isActive ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true);
+}script$1.render = render$1;/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function('return this')();/** Built-in value references. */
+var Symbol$1 = root.Symbol;/**
+ * A specialized version of `_.map` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ */
+function arrayMap(array, iteratee) {
+  var index = -1,
+      length = array == null ? 0 : array.length,
+      result = Array(length);
+
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
+  }
+  return result;
+}/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+var isArray = Array.isArray;/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto$1.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$1.toString;
+
+/** Built-in value references. */
+var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
+      tag = value[symToStringTag$1];
+
+  try {
+    value[symToStringTag$1] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString(value) {
+  return nativeObjectToString.call(value);
+}/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+    undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return (symToStringTag && symToStringTag in Object(value))
+    ? getRawTag(value)
+    : objectToString(value);
+}/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike(value) && baseGetTag(value) == symbolTag);
+}/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0;
+
+/** Used to convert symbols to primitives and strings. */
+var symbolProto = Symbol$1 ? Symbol$1.prototype : undefined,
+    symbolToString = symbolProto ? symbolProto.toString : undefined;
+
+/**
+ * The base implementation of `_.toString` which doesn't convert nullish
+ * values to empty strings.
+ *
+ * @private
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ */
+function baseToString(value) {
+  // Exit early for strings to avoid a performance hit in some environments.
+  if (typeof value == 'string') {
+    return value;
+  }
+  if (isArray(value)) {
+    // Recursively convert values (susceptible to call stack limits).
+    return arrayMap(value, baseToString) + '';
+  }
+  if (isSymbol(value)) {
+    return symbolToString ? symbolToString.call(value) : '';
+  }
+  var result = (value + '');
+  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+}/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString(value) {
+  return value == null ? '' : baseToString(value);
+}/** Used to generate unique IDs. */
+var idCounter = 0;
+
+/**
+ * Generates a unique ID. If `prefix` is given, the ID is appended to it.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {string} [prefix=''] The value to prefix the ID with.
+ * @returns {string} Returns the unique ID.
+ * @example
+ *
+ * _.uniqueId('contact_');
+ * // => 'contact_104'
+ *
+ * _.uniqueId();
+ * // => '105'
+ */
+function uniqueId(prefix) {
+  var id = ++idCounter;
+  return toString(prefix) + id;
+}var script = vue.defineComponent({
+  name: 'FwModal',
+  components: {
+    FwButton: script$4
+  },
+  emits: ['cancel', 'confirm'],
+  props: {
+    /**
+     * The header title of the modal
+     */
+    header: {
+      type: String
+    },
+
+    /**
+     * The body description of the modal
+     */
+    body: {
+      type: String
+    },
+
+    /**
+     * The aria role of the modal 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'].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'].includes(value);
+      }
+    }
+  },
+  setup: function setup() {
+    var uuid = uniqueId();
+    return {
+      uuid: uuid
+    };
+  }
+});var _withScopeId = function _withScopeId(n) {
+  return vue.pushScopeId("data-v-d1d6dbae"), n = n(), vue.popScopeId(), n;
+};
+
+var _hoisted_1 = {
+  "class": "fw-modal"
+};
+var _hoisted_2 = {
+  "class": "fw-modal--mask fixed z-[9999] top-0 left-0 w-full h-full bg-black bg-opacity-50"
+};
+var _hoisted_3 = {
+  "class": "fw-modal--wrapper text-center overflow-auto flex justify-center items-center h-full"
+};
+var _hoisted_4 = ["role", "aria-labelledby", "aria-describedby"];
+var _hoisted_5 = {
+  key: 0,
+  "class": "fw-modal--header text-center"
+};
+var _hoisted_6 = {
+  key: 0,
+  id: "modal-logo",
+  "class": "flex justify-center"
+};
+var _hoisted_7 = ["id"];
+var _hoisted_8 = ["id", "innerHTML"];
+var _hoisted_9 = ["id"];
+var _hoisted_10 = ["innerHTML", "id"];
+var _hoisted_11 = {
+  key: 3,
+  "class": "modal-footer flex space-x-4 pt-4 justify-center"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.isActive ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true);
-}script.render = render;// Form components
-var components$1=/*#__PURE__*/Object.freeze({__proto__:null,FwForm:Form,FwInput:script$6,FwCheckbox:script$5,FwCard:script$4,FwButton:script$3,FwNavigationMenu:script$2,FwTabs:script$1,FwTab:script});var install = function install(app) {
-  Object.entries(components$1).forEach(function (_ref) {
+  var _component_FwButton = vue.resolveComponent("FwButton");
+
+  return vue.openBlock(), vue.createBlock(vue.Transition, {
+    name: "modalFadeIn"
+  }, {
+    "default": vue.withCtx(function () {
+      return [vue.createElementVNode("div", _hoisted_1, [vue.createElementVNode("div", _hoisted_2, [vue.createElementVNode("div", _hoisted_3, [vue.createElementVNode("div", {
+        role: _ctx.role,
+        "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") : null,
+        "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : null
+      }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [_ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [vue.renderSlot(_ctx.$slots, "icon")])) : vue.createCommentVNode("", true), _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("h2", {
+        key: 1,
+        id: "modal_".concat(_ctx.uuid, "_header")
+      }, [vue.renderSlot(_ctx.$slots, "header")], 8, _hoisted_7)) : _ctx.header ? (vue.openBlock(), vue.createElementBlock("h2", {
+        key: 2,
+        id: "modal_".concat(_ctx.uuid, "_header"),
+        innerHTML: _ctx.header
+      }, null, 8, _hoisted_8)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.$slots.body ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        "class": "modal-body mt-4",
+        id: "modal_".concat(_ctx.uuid, "_body")
+      }, [vue.renderSlot(_ctx.$slots, "body")], 8, _hoisted_9)) : _ctx.body ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 2,
+        innerHTML: _ctx.body,
+        "class": "modal-body mt-4",
+        id: "modal_".concat(_ctx.uuid, "_body")
+      }, null, 8, _hoisted_10)) : vue.createCommentVNode("", true), _ctx.showConfirm || _ctx.showCancel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [_ctx.showCancel ? (vue.openBlock(), vue.createBlock(_component_FwButton, {
+        key: 0,
+        "class": "basis-1/2",
+        variant: _ctx.cancelButtonType,
+        "aria-label": _ctx.cancelButtonText,
+        onClick: _cache[0] || (_cache[0] = function ($event) {
+          return _ctx.$emit('cancel');
+        })
+      }, {
+        "default": vue.withCtx(function () {
+          return [vue.createTextVNode(vue.toDisplayString(_ctx.cancelButtonText), 1)];
+        }),
+        _: 1
+      }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true), _ctx.showConfirm ? (vue.openBlock(), vue.createBlock(_component_FwButton, {
+        key: 1,
+        "class": "basis-1/2",
+        variant: _ctx.confirmButtonType,
+        "aria-label": _ctx.confirmButtonText,
+        onClick: _cache[1] || (_cache[1] = function ($event) {
+          return _ctx.$emit('confirm');
+        })
+      }, {
+        "default": vue.withCtx(function () {
+          return [vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText), 1)];
+        }),
+        _: 1
+      }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)], 8, _hoisted_4)])])])];
+    }),
+    _: 3
+  });
+}var css_248z = ".modalFadeIn-enter-active[data-v-d1d6dbae]{-webkit-animation:modalFadeIn-d1d6dbae .4s;animation:modalFadeIn-d1d6dbae .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-d1d6dbae]{animation:modalFadeIn-d1d6dbae .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-d1d6dbae{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-d1d6dbae{0%{opacity:0}to{opacity:1}}";
+var stylesheet = ".modalFadeIn-enter-active[data-v-d1d6dbae]{-webkit-animation:modalFadeIn-d1d6dbae .4s;animation:modalFadeIn-d1d6dbae .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active[data-v-d1d6dbae]{animation:modalFadeIn-d1d6dbae .4s reverse;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}@-webkit-keyframes modalFadeIn-d1d6dbae{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-d1d6dbae{0%{opacity:0}to{opacity:1}}";
+styleInject(css_248z);script.render = render;
+script.__scopeId = "data-v-d1d6dbae";// Form components
+var Components=/*#__PURE__*/Object.freeze({__proto__:null,FwForm:Form,FwInput:script$7,FwCheckbox:script$6,FwCard:script$5,FwButton:script$4,FwNavigationMenu:script$3,FwTabs:script$2,FwTab:script$1,FwModal:script});function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}var modalService = function modalService(options, element) {
+  var _getCurrentInstance;
+
+  var elementToMount = document.createElement('div');
+  var modalVNode = null;
+  var appContext = (_getCurrentInstance = vue.getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.appContext;
+  var elAppend = element || document.body;
+
+  var open = function open() {
+    modalVNode = vue.createVNode(script, _objectSpread2(_objectSpread2({}, options), {}, {
+      "class": 'modalFadeIn-enter-active'
+    }));
+    modalVNode.appContext = appContext ? appContext : null;
+    vue.render(modalVNode, elementToMount);
+    elAppend.appendChild(elementToMount);
+  };
+
+  var close = function close() {
+    vue.render(null, elementToMount);
+
+    if (elementToMount) {
+      elementToMount.remove();
+    }
+
+    modalVNode = null;
+  };
+
+  vue.onUnmounted(function () {
+    close();
+  });
+  return {
+    open: open,
+    close: close
+  };
+};var install = function install(app) {
+  Object.entries(Components).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         componentName = _ref2[0],
         component = _ref2[1];
 
     app.component(componentName, component);
   });
-};var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,FwForm:Form,FwInput:script$6,FwCheckbox:script$5,FwCard:script$4,FwButton:script$3,FwNavigationMenu:script$2,FwTabs:script$1,FwTab:script});Object.entries(components).forEach(function (_ref) {
+};Object.entries(Components).forEach(function (_ref) {
   var _ref2 = _slicedToArray(_ref, 2),
       componentName = _ref2[0],
       component = _ref2[1];
@@ -5587,4 +6090,4 @@ var components$1=/*#__PURE__*/Object.freeze({__proto__:null,FwForm:Form,FwInput:
     var val = component;
     install[key] = val;
   }
-});exports["default"]=install;
+});exports["default"]=install;exports.modalService=modalService;