@frollo/frollo-web-ui 0.0.21 → 0.0.22

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, createBlock, Fragment, renderList, createTextVNode } 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, Transition, normalizeClass, createBlock, Fragment, renderList, createTextVNode, pushScopeId, popScopeId, render as render$8 } from 'vue';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -188,11 +188,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;
@@ -321,7 +321,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');
@@ -432,22 +432,22 @@ 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;
@@ -458,15 +458,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 {
@@ -478,7 +478,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;
@@ -489,13 +489,13 @@ 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';
@@ -503,13 +503,13 @@ var toPrimitive$2 = function (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;
@@ -949,19 +949,19 @@ 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++) {
@@ -1070,7 +1070,7 @@ var classof$4 = classofRaw$1;
 // `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';
 };
 
@@ -1168,7 +1168,7 @@ var isConstructor$1 = !construct || fails$2(function () {
 }) ? 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;
@@ -1180,10 +1180,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;
@@ -1316,18 +1316,18 @@ 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 = {};
@@ -4745,7 +4745,7 @@ $$1({ target: 'Array', proto: true }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables$1('includes');
 
-var script$6 = defineComponent({
+var script$7 = defineComponent({
   name: 'FwInput',
   emits: ['update:modelValue'],
   components: {
@@ -4859,29 +4859,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__*/createElementVNode("svg", {
+var _hoisted_9$2 = /*#__PURE__*/createElementVNode("svg", {
   fill: "currentColor",
   "aria-hidden": "true",
   focusable: "false",
@@ -4892,8 +4892,8 @@ var _hoisted_9$1 = /*#__PURE__*/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"
 };
@@ -4907,10 +4907,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 = resolveComponent("InputField");
 
-  return openBlock(), createElementBlock("div", _hoisted_1$5, [createVNode(_component_InputField, {
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [createVNode(_component_InputField, {
     modelValue: _ctx.inputValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
       return _ctx.inputValue = $event;
@@ -4923,11 +4923,11 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
           errors = _ref.errors,
           errorMessage = _ref.errorMessage,
           meta = _ref.meta;
-      return [createElementVNode("div", _hoisted_2$4, [createElementVNode("div", _hoisted_3$4, [_ctx.label ? (openBlock(), createElementBlock("label", {
+      return [createElementVNode("div", _hoisted_2$5, [createElementVNode("div", _hoisted_3$5, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
         "for": _ctx.name,
         "class": "block mb-2"
-      }, toDisplayString(_ctx.label), 9, _hoisted_4$3)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$2, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$2, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7$2, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
+      }, toDisplayString(_ctx.label), 9, _hoisted_4$4)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$3, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$3, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7$3, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
         placeholder: _ctx.placeholder,
         type: _ctx.type,
         readonly: _ctx.readonly,
@@ -4936,17 +4936,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), createVNode(Transition, {
+      }), null, 16, _hoisted_8$3), createVNode(Transition, {
         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$1, 2)) : createCommentVNode("", true)];
+          }, _hoisted_10$2, 2)) : createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11$1, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_12$1, [createVNode(Transition, {
+      }, 1024), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11$2, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_12$1, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -4987,13 +4987,13 @@ function styleInject(css, ref) {
   }
 }
 
-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);
+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$6.render = render$6;
+script$7.render = render$7;
 
-var script$5 = defineComponent({
+var script$6 = defineComponent({
   name: 'FwCheckbox',
   components: {
     InputField: Field
@@ -5030,29 +5030,29 @@ var script$5 = defineComponent({
   }
 });
 
-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 = resolveComponent("InputField");
 
-  return openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(_component_InputField, {
+  return openBlock(), createElementBlock("div", _hoisted_1$5, [createVNode(_component_InputField, {
     name: _ctx.name,
     value: _ctx.name,
     type: "checkbox",
@@ -5063,7 +5063,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
           errors = _ref.errors,
           errorMessage = _ref.errorMessage,
           meta = _ref.meta;
-      return [createElementVNode("div", _hoisted_2$3, [_ctx.label ? (openBlock(), createElementBlock("label", {
+      return [createElementVNode("div", _hoisted_2$4, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
         "for": _ctx.name,
         "class": "inline-flex items-center mb-3"
@@ -5072,15 +5072,15 @@ 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), createElementVNode("span", {
+      }), null, 16, _hoisted_4$3), createElementVNode("span", {
         "class": "ml-2",
         innerHTML: _ctx.label
-      }, null, 8, _hoisted_5$1)], 8, _hoisted_3$3)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$1, [createVNode(Transition, {
+      }, null, 8, _hoisted_5$2)], 8, _hoisted_3$4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$2, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
         "default": withCtx(function () {
-          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
+          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_8$2, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
         }),
         _: 2
       }, 1024)])])];
@@ -5089,13 +5089,13 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   }, 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);
+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$5.render = render$5;
+script$6.render = render$6;
 
-var script$4 = defineComponent({
+var script$5 = defineComponent({
   name: 'FwCard',
   props: {
     /**
@@ -5136,22 +5136,22 @@ var script$4 = defineComponent({
   }
 });
 
-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 openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
@@ -5159,15 +5159,15 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     "class": 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": withCtx(function () {
-      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1$3, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_4$1, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)];
+      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1$4, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_4$2, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)];
     }),
     _: 3
   }, 8, ["to", "href", "tabindex", "class"]);
 }
 
-script$4.render = render$4;
+script$5.render = render$5;
 
-var script$3 = defineComponent({
+var script$4 = defineComponent({
   name: 'FwButton',
   emits: ['click', 'mouseover', 'mouseout', 'focusin', 'focusout'],
   props: {
@@ -5250,7 +5250,7 @@ var script$3 = defineComponent({
         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'
       }
@@ -5334,7 +5334,7 @@ var script$3 = defineComponent({
   }
 });
 
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
     "class": 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,
@@ -5354,17 +5354,17 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   }, 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);
+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$3.render = render$3;
+script$4.render = render$4;
 
-var script$2 = defineComponent({
+var script$3 = defineComponent({
   name: 'FwNavigationMenu',
   emits: ['action'],
   components: {
-    FwButton: script$3
+    FwButton: script$4
   },
   props: {
     /**
@@ -5402,36 +5402,36 @@ var script$2 = defineComponent({
   }
 });
 
-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__*/createElementVNode("span", {
+var _hoisted_8$1 = /*#__PURE__*/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",
@@ -5439,20 +5439,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 = resolveComponent("FwButton");
 
-  return openBlock(), createElementBlock("nav", _hoisted_1$2, [createElementVNode("div", _hoisted_2$1, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3$1, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+  return openBlock(), createElementBlock("nav", _hoisted_1$3, [createElementVNode("div", _hoisted_2$2, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3$2, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createElementVNode("div", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
     return openBlock(), createBlock(_component_FwButton, {
       key: i,
       variant: "text",
@@ -5466,7 +5466,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       _: 2
     }, 1032, ["href", "to"]);
-  }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(_component_FwButton, {
+  }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6$1, [createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
     "aria-label": _ctx.actionLabel
@@ -5475,18 +5475,18 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       return [createTextVNode(toDisplayString(_ctx.actionLabel), 1)];
     }),
     _: 1
-  }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7, [createVNode(_component_FwButton, {
+  }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$1, [createVNode(_component_FwButton, {
     variant: "text",
     size: "sm",
     onClick: _ctx.toggleMobileMenu
   }, {
     "default": withCtx(function () {
-      return [_hoisted_8, (openBlock(), createElementBlock("svg", _hoisted_9, [createElementVNode("path", {
+      return [_hoisted_8$1, (openBlock(), createElementBlock("svg", _hoisted_9$1, [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"])])]), createVNode(Transition, {
@@ -5495,10 +5495,10 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     "default": withCtx(function () {
       var _ctx$menuItems2;
 
-      return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+      return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", _hoisted_11$1, [createElementVNode("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
         return openBlock(), 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,
@@ -5513,8 +5513,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       }), 128))]), _ctx.actionLabel ? (openBlock(), createBlock(_component_FwButton, {
         key: 0,
         "class": "w-full rounded-md px-2",
-        onClick: _ctx.actionClicked,
-        size: "md"
+        onClick: _ctx.actionClicked
       }, {
         "default": withCtx(function () {
           return [createTextVNode(toDisplayString(_ctx.actionLabel), 1)];
@@ -5526,11 +5525,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   })]);
 }
 
-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);
+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$2.render = render$2;
+script$3.render = render$3;
 
 var es_number_constructor = {};
 
@@ -5604,7 +5603,7 @@ 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);
 };
@@ -5615,7 +5614,7 @@ var whitespaces$1 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u200
 
 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);
@@ -5626,7 +5625,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;
@@ -5654,7 +5653,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;
@@ -5682,7 +5681,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);
@@ -5734,7 +5733,7 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
   redefine(global$1, NUMBER, NumberWrapper);
 }
 
-var script$1 = defineComponent({
+var script$2 = defineComponent({
   name: 'FwTabs',
   emits: ['update:modelValue'],
   props: {
@@ -5768,16 +5767,16 @@ var script$1 = defineComponent({
   }
 });
 
-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 openBlock(), createElementBlock("div", _hoisted_1$1, [_ctx.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
+var _hoisted_3$1 = ["onClick"];
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [_ctx.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
     return openBlock(), createElementBlock("li", {
       "class": "mr-2",
       key: i
@@ -5787,11 +5786,11 @@ function render$1(_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-medium border-black' : 'hover:bg-grey-lightest'])
-    }, toDisplayString(tab.props.label), 11, _hoisted_3)]);
+    }, toDisplayString(tab.props.label), 11, _hoisted_3$1)]);
   }), 128))])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]);
 }
 
-script$1.render = render$1;
+script$2.render = render$2;
 
 var es_array_findIndex = {};
 
@@ -5817,7 +5816,7 @@ $({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables(FIND_INDEX);
 
-var script = defineComponent({
+var script$1 = defineComponent({
   name: 'FwTab',
   props: {
     /**
@@ -5860,30 +5859,575 @@ var script = defineComponent({
   }
 });
 
-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 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default")])) : 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 = 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 pushScopeId("data-v-d1d6dbae"), n = n(), 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 ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true);
+  var _component_FwButton = resolveComponent("FwButton");
+
+  return openBlock(), createBlock(Transition, {
+    name: "modalFadeIn"
+  }, {
+    "default": withCtx(function () {
+      return [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [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 ? (openBlock(), createElementBlock("div", _hoisted_5, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_6, [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)) : _ctx.header ? (openBlock(), createElementBlock("h2", {
+        key: 2,
+        id: "modal_".concat(_ctx.uuid, "_header"),
+        innerHTML: _ctx.header
+      }, null, 8, _hoisted_8)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots.body ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        "class": "modal-body mt-4",
+        id: "modal_".concat(_ctx.uuid, "_body")
+      }, [renderSlot(_ctx.$slots, "body")], 8, _hoisted_9)) : _ctx.body ? (openBlock(), createElementBlock("div", {
+        key: 2,
+        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, {
+        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": 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[1] || (_cache[1] = function ($event) {
+          return _ctx.$emit('confirm');
+        })
+      }, {
+        "default": withCtx(function () {
+          return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
+        }),
+        _: 1
+      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : 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$6,
-  FwCheckbox: script$5,
-  FwCard: script$4,
-  FwButton: script$3,
-  FwNavigationMenu: script$2,
-  FwTabs: script$1,
-  FwTab: script
+  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 = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.appContext;
+  var elAppend = element || document.body;
+
+  var open = function open() {
+    modalVNode = createVNode(script, _objectSpread2(_objectSpread2({}, options), {}, {
+      "class": 'modalFadeIn-enter-active'
+    }));
+    modalVNode.appContext = appContext ? appContext : null;
+    render$8(modalVNode, elementToMount);
+    elAppend.appendChild(elementToMount);
+  };
+
+  var close = function close() {
+    render$8(null, elementToMount);
+
+    if (elementToMount) {
+      elementToMount.remove();
+    }
+
+    modalVNode = null;
+  };
+
+  onUnmounted(function () {
+    close();
+  });
+  return {
+    open: open,
+    close: close
+  };
+};
+
 var install = function install(app) {
   Object.entries(components).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
@@ -5894,4 +6438,4 @@ var install = function install(app) {
   });
 };
 
-export { script$3 as FwButton, script$4 as FwCard, script$5 as FwCheckbox, Form as FwForm, script$6 as FwInput, script$2 as FwNavigationMenu, script as FwTab, script$1 as FwTabs, install as default };
+export { components as Components, install as default, modalService };