@frollo/frollo-web-ui 8.4.2 → 8.4.3

package/cjs/index.js

@@ -8469,6 +8469,20 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
      */
     external: {
       type: Boolean
+    },
+    /**
+     * Whether the button is disabled or not
+     */
+    disabled: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Whether the button is preselected or not
+     */
+    active: {
+      type: Boolean,
+      "default": false
     }
   },
   setup: function setup(props, ctx) {
@@ -8513,6 +8527,11 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
         text: 'text-grey-base hover:text-primary active:text-primary',
         background: 'bg-none hover:bg-white focus:bg-white active:bg-white',
         border: 'border-transparent focus-visible:ring-1 focus-visible:ring-primary'
+      },
+      disabled: {
+        text: 'text-white',
+        background: 'bg-grey-base bg-opacity-60',
+        border: ''
       }
     });
     var sizes = vue.ref({
@@ -8601,13 +8620,14 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
 function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingSpinner = vue.resolveComponent("FwLoadingSpinner");
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tagName), {
-    "class": vue.normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer']]),
+    "class": vue.normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer', _ctx.disabled && !_ctx.loading ? 'pointer-events-none text-grey-light' : '', _ctx.disabled && _ctx.active ? 'fw-button--disabled-active' : '']]),
     type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
     tabindex: _ctx.to ? 0 : null,
-    disabled: _ctx.loading,
+    disabled: _ctx.loading || _ctx.disabled,
     target: !!_ctx.external ? '_blank' : null,
+    active: _ctx.active,
     onClick: _ctx.onClick,
     onFocusin: _ctx.onFocusin,
     onFocusout: _ctx.onFocusout,
@@ -8629,9 +8649,9 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
       })], 2)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)];
     }),
     _: 3
-  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
-}var css_248z$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
-var stylesheet$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
+  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "active", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
+}var css_248z$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
+var stylesheet$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
 styleInject(css_248z$f);script$h.render = render$o;var script$g = vue.defineComponent({
   name: 'FwNavigationMenu',
   emits: ['action'],
@@ -34242,7 +34262,7 @@ function usePage() {
     "Page context missing. Please verify this component is nested within a valid context provider."
   );
 }
-const _hoisted_1$5$1 = { class: "vc-nav-header" };
+const _hoisted_1$5 = { class: "vc-nav-header" };
 const _hoisted_2$4$1 = ["disabled"];
 const _hoisted_3$3 = ["disabled"];
 const _hoisted_4$2$1 = { class: "vc-nav-items" };
@@ -34392,7 +34412,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
         ref_key: "navContainer",
         ref: navContainer
       }, [
-        vue.createElementVNode("div", _hoisted_1$5$1, [
+        vue.createElementVNode("div", _hoisted_1$5, [
           vue.createElementVNode("button", {
             type: "button",
             class: "vc-nav-arrow is-left vc-focus",
@@ -36228,7 +36248,7 @@ var __setup__$3 = __default__$3.setup;
 __default__$3.setup = __setup__$3 ? function (props, ctx) {
   __injectCSSVars__$3();
   return __setup__$3(props, ctx);
-} : __injectCSSVars__$3;var _hoisted_1$5 = {
+} : __injectCSSVars__$3;var _hoisted_1$4 = {
   "class": "fw-date-picker w-full"
 };
 var _hoisted_2$4 = {
@@ -36277,7 +36297,7 @@ var _hoisted_18 = {
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CalendarDaySvg = vue.resolveComponent("CalendarDaySvg");
   var _component_DatePicker = vue.resolveComponent("DatePicker");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [vue.createVNode(_component_DatePicker, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [vue.createVNode(_component_DatePicker, {
     modelValue: _ctx.dateModel,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
       return _ctx.dateModel = $event;
@@ -36602,7 +36622,7 @@ __default__$2.setup = __setup__$2 ? function (props, ctx) {
 } : __injectCSSVars__$2;var _withScopeId$2 = function _withScopeId(n) {
   return vue.pushScopeId("data-v-6df01fae"), n = n(), vue.popScopeId(), n;
 };
-var _hoisted_1$4 = ["id", "aria-hidden"];
+var _hoisted_1$3 = ["id", "aria-hidden"];
 var _hoisted_2$3 = {
   key: 0,
   "data-popper-arrow": "",
@@ -36642,7 +36662,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, [vue.renderSlot(_ctx.$slots, "content", {}, function () {
     return [vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)];
-  }), _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3)) : vue.createCommentVNode("", true)], 10, _hoisted_1$4)], 2);
+  }), _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3)) : vue.createCommentVNode("", true)], 10, _hoisted_1$3)], 2);
 }var css_248z$3 = ".fw-popover__content[data-v-6df01fae]{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-6df01fae]{text-align:center}.fw-popover__content--left[data-v-6df01fae]{text-align:left}.fw-popover__content--right[data-v-6df01fae]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-6df01fae]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-6df01fae]:after{height:var(--bf2f5546);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--bf2f5546)}.fw-popover__content[data-popper-placement^=top][data-v-6df01fae]{margin-bottom:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=right][data-v-6df01fae]{margin-left:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-6df01fae]{margin-top:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=left][data-v-6df01fae]{margin-right:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-left:none}";
 var stylesheet$3 = ".fw-popover__content[data-v-6df01fae]{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-6df01fae]{text-align:center}.fw-popover__content--left[data-v-6df01fae]{text-align:left}.fw-popover__content--right[data-v-6df01fae]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-6df01fae]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-6df01fae]:after{height:var(--bf2f5546);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--bf2f5546)}.fw-popover__content[data-popper-placement^=top][data-v-6df01fae]{margin-bottom:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=right][data-v-6df01fae]{margin-left:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-6df01fae]{margin-top:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=left][data-v-6df01fae]{margin-right:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-left:none}";
 styleInject(css_248z$3);__default__$2.render = render$4;
@@ -36672,6 +36692,10 @@ __default__$2.__scopeId = "data-v-6df01fae";var script$1 = vue.defineComponent({
       validator: function validator(value) {
         return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
       }
+    },
+    disabled: {
+      type: Boolean,
+      "default": false
     }
   },
   setup: function setup(props, ctx) {
@@ -36691,27 +36715,28 @@ __default__$2.__scopeId = "data-v-6df01fae";var script$1 = vue.defineComponent({
       selectedPeriod: selectedPeriod
     };
   }
-});var _hoisted_1$3 = {
-  "class": "fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1"
-};
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+});function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwButton = vue.resolveComponent("FwButton");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.periodOptions, function (period) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    "class": vue.normalizeClass(["fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1", _ctx.disabled === true ? 'hover:none cursor:none pointer-events-none' : ''])
+  }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.periodOptions, function (period) {
     return vue.openBlock(), vue.createBlock(_component_FwButton, {
       key: period,
-      variant: _ctx.selectedPeriod === period ? 'tertiary' : 'transparent',
+      variant: _ctx.selectedPeriod === period ? _ctx.disabled ? 'disabled' : 'tertiary' : 'transparent',
       "class": "hover:!border-button-primary-bg -m-[2px] flex-1",
       size: _ctx.size,
       onClick: function onClick($event) {
         return _ctx.selectedPeriod = period;
-      }
+      },
+      disabled: _ctx.disabled,
+      active: _ctx.disabled && _ctx.selectedPeriod === period
     }, {
       "default": vue.withCtx(function () {
         return [vue.createTextVNode(vue.toDisplayString(_ctx.generateButtonLabel(period)), 1)];
       }),
       _: 2
-    }, 1032, ["variant", "size", "onClick"]);
-  }), 128))]);
+    }, 1032, ["variant", "size", "onClick", "disabled", "active"]);
+  }), 128))], 2);
 }var css_248z$2 = ".fw-period-selector{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;border-radius:9999px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}";
 var stylesheet$2 = ".fw-period-selector{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;border-radius:9999px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}";
 styleInject(css_248z$2);script$1.render = render$3;var script = vue.defineComponent({

package/esm/{fw-button-LhSQ6Fx_.js → fw-button-NJeYig99.js}

@@ -92,6 +92,20 @@ var script = defineComponent({
      */
     external: {
       type: Boolean
+    },
+    /**
+     * Whether the button is disabled or not
+     */
+    disabled: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Whether the button is preselected or not
+     */
+    active: {
+      type: Boolean,
+      "default": false
     }
   },
   setup: function setup(props, ctx) {
@@ -136,6 +150,11 @@ var script = defineComponent({
         text: 'text-grey-base hover:text-primary active:text-primary',
         background: 'bg-none hover:bg-white focus:bg-white active:bg-white',
         border: 'border-transparent focus-visible:ring-1 focus-visible:ring-primary'
+      },
+      disabled: {
+        text: 'text-white',
+        background: 'bg-grey-base bg-opacity-60',
+        border: ''
       }
     });
     var sizes = ref({
@@ -226,13 +245,14 @@ var _hoisted_1 = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingSpinner = resolveComponent("FwLoadingSpinner");
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
-    "class": normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer']]),
+    "class": normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer', _ctx.disabled && !_ctx.loading ? 'pointer-events-none text-grey-light' : '', _ctx.disabled && _ctx.active ? 'fw-button--disabled-active' : '']]),
     type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
     tabindex: _ctx.to ? 0 : null,
-    disabled: _ctx.loading,
+    disabled: _ctx.loading || _ctx.disabled,
     target: !!_ctx.external ? '_blank' : null,
+    active: _ctx.active,
     onClick: _ctx.onClick,
     onFocusin: _ctx.onFocusin,
     onFocusout: _ctx.onFocusout,
@@ -254,11 +274,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       })], 2)) : createCommentVNode("", true)])) : createCommentVNode("", true)];
     }),
     _: 3
-  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
+  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "active", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
-var css_248z = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
-var stylesheet = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
+var css_248z = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
+var stylesheet = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/fw-button.js

@@ -1,4 +1,4 @@
-export { s as FwButton } from './fw-button-LhSQ6Fx_.js';
+export { s as FwButton } from './fw-button-NJeYig99.js';
 import 'vue';
 import './fw-loading-spinner-CfcmqMwb.js';
 import './index-CUeOOfIp.js';

package/esm/fw-drawer.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode, createVNode, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script$1 } from './fw-button-LhSQ6Fx_.js';
+import { s as script$1 } from './fw-button-NJeYig99.js';
 import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
 import { b as render$1 } from './index-CUeOOfIp.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';

package/esm/fw-media-picker.js

@@ -3,7 +3,7 @@ import { defineComponent, ref, computed, watch, createElementVNode, resolveCompo
 import { c as render$1, d as render$2, e as render$3, f as render$4, g as render$5, h as render$6 } from './index-CUeOOfIp.js';
 import { FwModal as script$1 } from './fw-modal.js';
 import './fw-button.js';
-import { s as script$2 } from './fw-button-LhSQ6Fx_.js';
+import { s as script$2 } from './fw-button-NJeYig99.js';
 import './check--YD4Ts6g.js';
 import './uniqueId-DK6xzFd8.js';
 import './style-inject.es-tgCJW-Cu.js';

package/esm/fw-modal.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script$1 } from './fw-button-LhSQ6Fx_.js';
+import { s as script$1 } from './fw-button-NJeYig99.js';
 import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
 import { b as render$1 } from './index-CUeOOfIp.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';

package/esm/fw-navigation-menu.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { s as script$1 } from './fw-button-LhSQ6Fx_.js';
+import { s as script$1 } from './fw-button-NJeYig99.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './fw-loading-spinner-CfcmqMwb.js';
 import './index-CUeOOfIp.js';

package/esm/fw-period-selector.js

@@ -1,6 +1,6 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
 import './fw-button.js';
-import { s as script$1 } from './fw-button-LhSQ6Fx_.js';
+import { s as script$1 } from './fw-button-NJeYig99.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './fw-loading-spinner-CfcmqMwb.js';
 import './index-CUeOOfIp.js';
@@ -32,6 +32,10 @@ var script = defineComponent({
       validator: function validator(value) {
         return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
       }
+    },
+    disabled: {
+      type: Boolean,
+      "default": false
     }
   },
   setup: function setup(props, ctx) {
@@ -53,27 +57,28 @@ var script = defineComponent({
   }
 });
 
-var _hoisted_1 = {
-  "class": "fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1"
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwButton = resolveComponent("FwButton");
-  return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.periodOptions, function (period) {
+  return openBlock(), createElementBlock("div", {
+    "class": normalizeClass(["fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1", _ctx.disabled === true ? 'hover:none cursor:none pointer-events-none' : ''])
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.periodOptions, function (period) {
     return openBlock(), createBlock(_component_FwButton, {
       key: period,
-      variant: _ctx.selectedPeriod === period ? 'tertiary' : 'transparent',
+      variant: _ctx.selectedPeriod === period ? _ctx.disabled ? 'disabled' : 'tertiary' : 'transparent',
       "class": "hover:!border-button-primary-bg -m-[2px] flex-1",
       size: _ctx.size,
       onClick: function onClick($event) {
         return _ctx.selectedPeriod = period;
-      }
+      },
+      disabled: _ctx.disabled,
+      active: _ctx.disabled && _ctx.selectedPeriod === period
     }, {
       "default": withCtx(function () {
         return [createTextVNode(toDisplayString(_ctx.generateButtonLabel(period)), 1)];
       }),
       _: 2
-    }, 1032, ["variant", "size", "onClick"]);
-  }), 128))]);
+    }, 1032, ["variant", "size", "onClick", "disabled", "active"]);
+  }), 128))], 2);
 }
 
 var css_248z = ".fw-period-selector{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;border-radius:9999px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}";

package/esm/fw-provider-list.js

@@ -1,9 +1,9 @@
 import { e as _defineProperty } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
 import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
-import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-suFSeIN3.js';
+import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-D2KYRG5K.js';
 import { s as script$1 } from './fw-input-XeI-IKly.js';
-import { _ as __default__$1 } from './fw-tag-CziUTbtg.js';
-import { s as script$3 } from './fw-button-LhSQ6Fx_.js';
+import { _ as __default__$1 } from './fw-tag-D-U6RKuG.js';
+import { s as script$3 } from './fw-button-NJeYig99.js';
 import { s as script$2 } from './fw-dropdown-b1b7d7BF.js';
 import { i as render$1, j as render$2, k as render$3 } from './index-CUeOOfIp.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';

package/esm/fw-sidebar-menu.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, withDirectives, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script$1 } from './fw-button-LhSQ6Fx_.js';
+import { s as script$1 } from './fw-button-NJeYig99.js';
 import { l as render$1 } from './index-CUeOOfIp.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './fw-loading-spinner-CfcmqMwb.js';

package/esm/{fw-table-row-suFSeIN3.js → fw-table-row-D2KYRG5K.js}

@@ -2,7 +2,7 @@ import { m as render$3, n as render$4, o as render$5, l as render$6 } from './in
 import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, renderSlot, createCommentVNode, Fragment, renderList, normalizeClass, withKeys, toDisplayString, createBlock, createVNode, withCtx } from 'vue';
 import { u as useColours } from './get-root-colours-DYEoJPEb.js';
 import { s as script$2 } from './fw-loading-bar-DThRjdw1.js';
-import { s as script$3 } from './fw-button-LhSQ6Fx_.js';
+import { s as script$3 } from './fw-button-NJeYig99.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({

package/esm/fw-table.js

@@ -1,9 +1,9 @@
-export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-suFSeIN3.js';
+export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-D2KYRG5K.js';
 import './index-CUeOOfIp.js';
 import 'vue';
 import './check--YD4Ts6g.js';
 import './get-root-colours-DYEoJPEb.js';
 import './fw-loading-bar-DThRjdw1.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './fw-button-LhSQ6Fx_.js';
+import './fw-button-NJeYig99.js';
 import './fw-loading-spinner-CfcmqMwb.js';

package/esm/{fw-tag-CziUTbtg.js → fw-tag-D-U6RKuG.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock
 import './fw-button.js';
 import { b as render$1 } from './index-CUeOOfIp.js';
 import { u as useColours } from './get-root-colours-DYEoJPEb.js';
-import { s as script } from './fw-button-LhSQ6Fx_.js';
+import { s as script } from './fw-button-NJeYig99.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({

package/esm/fw-tag.js

@@ -1,7 +1,7 @@
-export { _ as FwTag } from './fw-tag-CziUTbtg.js';
+export { _ as FwTag } from './fw-tag-D-U6RKuG.js';
 import 'vue';
 import './fw-button.js';
-import './fw-button-LhSQ6Fx_.js';
+import './fw-button-NJeYig99.js';
 import './fw-loading-spinner-CfcmqMwb.js';
 import './index-CUeOOfIp.js';
 import './check--YD4Ts6g.js';

package/esm/index.js

@@ -29,9 +29,9 @@ import { F as Form } from './vee-validate.esm-3ptvCDR1.js';
 import { s as script$7 } from './fw-input-XeI-IKly.js';
 import { s as script$5 } from './fw-dropdown-b1b7d7BF.js';
 import { s as script$2 } from './fw-card-bsYbpPmW.js';
-import { s as script$1 } from './fw-button-LhSQ6Fx_.js';
-import { _ as __default__$6 } from './fw-tag-CziUTbtg.js';
-import { _ as __default__$5, s as script$k, a as script$l } from './fw-table-row-suFSeIN3.js';
+import { s as script$1 } from './fw-button-NJeYig99.js';
+import { _ as __default__$6 } from './fw-tag-D-U6RKuG.js';
+import { _ as __default__$5, s as script$k, a as script$l } from './fw-table-row-D2KYRG5K.js';
 import { s as script$6 } from './fw-image-Dlb_dFZf.js';
 import { s as script$8 } from './fw-loading-bar-DThRjdw1.js';
 import { s as script$a } from './fw-loading-spinner-CfcmqMwb.js';

package/frollo-web-ui.esm.js

@@ -8659,6 +8659,20 @@ var script$h = defineComponent({
      */
     external: {
       type: Boolean
+    },
+    /**
+     * Whether the button is disabled or not
+     */
+    disabled: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Whether the button is preselected or not
+     */
+    active: {
+      type: Boolean,
+      "default": false
     }
   },
   setup: function setup(props, ctx) {
@@ -8703,6 +8717,11 @@ var script$h = defineComponent({
         text: 'text-grey-base hover:text-primary active:text-primary',
         background: 'bg-none hover:bg-white focus:bg-white active:bg-white',
         border: 'border-transparent focus-visible:ring-1 focus-visible:ring-primary'
+      },
+      disabled: {
+        text: 'text-white',
+        background: 'bg-grey-base bg-opacity-60',
+        border: ''
       }
     });
     var sizes = ref({
@@ -8793,13 +8812,14 @@ var _hoisted_1$v = {
 function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingSpinner = resolveComponent("FwLoadingSpinner");
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
-    "class": normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer']]),
+    "class": normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer', _ctx.disabled && !_ctx.loading ? 'pointer-events-none text-grey-light' : '', _ctx.disabled && _ctx.active ? 'fw-button--disabled-active' : '']]),
     type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
     tabindex: _ctx.to ? 0 : null,
-    disabled: _ctx.loading,
+    disabled: _ctx.loading || _ctx.disabled,
     target: !!_ctx.external ? '_blank' : null,
+    active: _ctx.active,
     onClick: _ctx.onClick,
     onFocusin: _ctx.onFocusin,
     onFocusout: _ctx.onFocusout,
@@ -8821,11 +8841,11 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
       })], 2)) : createCommentVNode("", true)])) : createCommentVNode("", true)];
     }),
     _: 3
-  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
+  }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "active", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
-var css_248z$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
-var stylesheet$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
+var css_248z$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
+var stylesheet$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
 styleInject(css_248z$f);
 
 script$h.render = render$o;
@@ -34683,7 +34703,7 @@ function usePage() {
     "Page context missing. Please verify this component is nested within a valid context provider."
   );
 }
-const _hoisted_1$5$1 = { class: "vc-nav-header" };
+const _hoisted_1$5 = { class: "vc-nav-header" };
 const _hoisted_2$4$1 = ["disabled"];
 const _hoisted_3$3 = ["disabled"];
 const _hoisted_4$2$1 = { class: "vc-nav-items" };
@@ -34833,7 +34853,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         ref_key: "navContainer",
         ref: navContainer
       }, [
-        createElementVNode("div", _hoisted_1$5$1, [
+        createElementVNode("div", _hoisted_1$5, [
           createElementVNode("button", {
             type: "button",
             class: "vc-nav-arrow is-left vc-focus",
@@ -36675,7 +36695,7 @@ __default__$3.setup = __setup__$3 ? function (props, ctx) {
   return __setup__$3(props, ctx);
 } : __injectCSSVars__$3;
 
-var _hoisted_1$5 = {
+var _hoisted_1$4 = {
   "class": "fw-date-picker w-full"
 };
 var _hoisted_2$4 = {
@@ -36724,7 +36744,7 @@ var _hoisted_18 = {
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CalendarDaySvg = resolveComponent("CalendarDaySvg");
   var _component_DatePicker = resolveComponent("DatePicker");
-  return openBlock(), createElementBlock("div", _hoisted_1$5, [createVNode(_component_DatePicker, {
+  return openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(_component_DatePicker, {
     modelValue: _ctx.dateModel,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
       return _ctx.dateModel = $event;
@@ -37059,7 +37079,7 @@ __default__$2.setup = __setup__$2 ? function (props, ctx) {
 var _withScopeId$2 = function _withScopeId(n) {
   return pushScopeId("data-v-6df01fae"), n = n(), popScopeId(), n;
 };
-var _hoisted_1$4 = ["id", "aria-hidden"];
+var _hoisted_1$3 = ["id", "aria-hidden"];
 var _hoisted_2$3 = {
   key: 0,
   "data-popper-arrow": "",
@@ -37099,7 +37119,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, [renderSlot(_ctx.$slots, "content", {}, function () {
     return [createTextVNode(toDisplayString(_ctx.title), 1)];
-  }), _ctx.showArrow ? (openBlock(), createElementBlock("span", _hoisted_2$3)) : createCommentVNode("", true)], 10, _hoisted_1$4)], 2);
+  }), _ctx.showArrow ? (openBlock(), createElementBlock("span", _hoisted_2$3)) : createCommentVNode("", true)], 10, _hoisted_1$3)], 2);
 }
 
 var css_248z$3 = ".fw-popover__content[data-v-6df01fae]{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-6df01fae]{text-align:center}.fw-popover__content--left[data-v-6df01fae]{text-align:left}.fw-popover__content--right[data-v-6df01fae]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-6df01fae]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-6df01fae]:after{height:var(--bf2f5546);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--bf2f5546)}.fw-popover__content[data-popper-placement^=top][data-v-6df01fae]{margin-bottom:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=right][data-v-6df01fae]{margin-left:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-6df01fae]{margin-top:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=left][data-v-6df01fae]{margin-right:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-left:none}";
@@ -37135,6 +37155,10 @@ var script$1 = defineComponent({
       validator: function validator(value) {
         return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
       }
+    },
+    disabled: {
+      type: Boolean,
+      "default": false
     }
   },
   setup: function setup(props, ctx) {
@@ -37156,27 +37180,28 @@ var script$1 = defineComponent({
   }
 });
 
-var _hoisted_1$3 = {
-  "class": "fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1"
-};
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwButton = resolveComponent("FwButton");
-  return openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.periodOptions, function (period) {
+  return openBlock(), createElementBlock("div", {
+    "class": normalizeClass(["fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1", _ctx.disabled === true ? 'hover:none cursor:none pointer-events-none' : ''])
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.periodOptions, function (period) {
     return openBlock(), createBlock(_component_FwButton, {
       key: period,
-      variant: _ctx.selectedPeriod === period ? 'tertiary' : 'transparent',
+      variant: _ctx.selectedPeriod === period ? _ctx.disabled ? 'disabled' : 'tertiary' : 'transparent',
       "class": "hover:!border-button-primary-bg -m-[2px] flex-1",
       size: _ctx.size,
       onClick: function onClick($event) {
         return _ctx.selectedPeriod = period;
-      }
+      },
+      disabled: _ctx.disabled,
+      active: _ctx.disabled && _ctx.selectedPeriod === period
     }, {
       "default": withCtx(function () {
         return [createTextVNode(toDisplayString(_ctx.generateButtonLabel(period)), 1)];
       }),
       _: 2
-    }, 1032, ["variant", "size", "onClick"]);
-  }), 128))]);
+    }, 1032, ["variant", "size", "onClick", "disabled", "active"]);
+  }), 128))], 2);
 }
 
 var css_248z$2 = ".fw-period-selector{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;border-radius:9999px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}";