@frollo/frollo-web-ui 9.0.5 → 9.0.7

package/esm/fw-accordion.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, watch, useCssVars, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, toDisplayString, renderSlot, Transition, withCtx, withDirectives, vShow } from 'vue';
+import { defineComponent, ref, watch, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, toDisplayString, renderSlot, Transition, withCtx, withDirectives, vShow } from 'vue';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
-import { r as render$1 } from './index-BxwEcRoY.js';
+import { r as render$1 } from './index-v1DX6R2G.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({

package/esm/fw-alert.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createCommentVNode, renderSlot, resolveDynamicComponent, vShow } from 'vue';
-import { a as render$1, b as render$2 } from './index-BxwEcRoY.js';
+import { defineComponent, ref, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, renderSlot, vShow } from 'vue';
+import { a as render$1, b as render$2 } from './index-v1DX6R2G.js';
 
 var script = defineComponent({
   name: 'FwAlert',

package/esm/fw-bar-chart.js

@@ -1,5 +1,5 @@
 import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import { version as version$1, toRaw, isProxy, defineComponent, ref, shallowRef, onMounted, onUnmounted, watch, nextTick, h, computed, resolveComponent, createElementBlock, createCommentVNode, openBlock, normalizeStyle, createVNode, toDisplayString } from 'vue';
+import { version as version$1, isProxy, toRaw, defineComponent, ref, shallowRef, onMounted, onUnmounted, watch, nextTick, h, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, createVNode } from 'vue';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
 

package/esm/{fw-button-Cj5UEwCt.js → fw-button-ChYejNWD.js}

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, resolveComponent, createBlock, openBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createCommentVNode, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString } from 'vue';
-import { g as render$1 } from './index-BxwEcRoY.js';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createElementVNode, Fragment, createTextVNode, toDisplayString, renderSlot, createCommentVNode } from 'vue';
+import { g as render$1 } from './index-v1DX6R2G.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var BASE_CLASS = "inline-block text-center whitespace-nowrap border\n   transition-colors duration-100 ease-in-out\n   focus:outline-0 focus-visible:outline-0 focus:ring-none ring-offset-1 focus-visible:ring";
@@ -309,8 +309,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "loading", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
-var css_248z = ".fw-button{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;-moz-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button:hover:not(:disabled){-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);will-change:transform,background-color,border-color}.fw-button:active:not(:disabled){-webkit-transform:translateY(0) scale(.98);-moz-transform:translateY(0) scale(.98);-ms-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.fw-button--label-wrapper{-webkit-transition:-webkit-transform .12s ease-in-out;transition:-webkit-transform .12s ease-in-out;-moz-transition:transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button--primary{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary.router-link-active,.fw-button--primary.selected,.fw-button--primary:hover{background-color:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--primary:focus-visible{--tw-ring-color:var(--colorButtonPrimary)}.fw-button--primary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--secondary{background-color:var(--colorButtonSecondary);border-color:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate.router-link-active,.fw-button--secondary.animation--alternate.selected,.fw-button--secondary.animation--alternate:hover{background-color:var(--colorButtonSecondaryFade);border-color:var(--colorButtonSecondaryFade);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade.router-link-active,.fw-button--secondary.animation--fade.selected,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--secondary:focus-visible{--tw-ring-color:var(--colorButtonSecondary)}.fw-button--secondary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--tertiary{background-color:transparent;border-color:var(--colorButtonTertiaryText);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate.router-link-active,.fw-button--tertiary.animation--alternate.selected,.fw-button--tertiary.animation--alternate:hover{background-color:var(--colorButtonTertiaryFade)}.fw-button--tertiary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade.router-link-active,.fw-button--tertiary.animation--fade.selected,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary:focus-visible{--tw-ring-color:var(--colorButtonTertiaryText)}.fw-button--tertiary:disabled{--tw-border-opacity:1!important;background-color:transparent!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--quaternary{background-color:transparent;border-color:var(--colorButtonQuaternaryText);color:var(--colorButtonQuaternaryText)}.fw-button--quaternary.animation--alternate.fw-button--loading,.fw-button--quaternary.animation--alternate.router-link-active,.fw-button--quaternary.animation--alternate.selected,.fw-button--quaternary.animation--alternate:hover{background-color:var(--colorButtonQuaternary);border-color:var(--colorButtonQuaternaryText);color:var(--colorBody)}.fw-button--quaternary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--quaternary.animation--fade.fw-button--loading,.fw-button--quaternary.animation--fade.router-link-active,.fw-button--quaternary.animation--fade.selected,.fw-button--quaternary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--quaternary:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--quaternary:disabled{background-color:transparent!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--quaternary:disabled.router-link-active,.fw-button--quaternary:disabled.selected{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important}.fw-button--gradient{background-image:var(--colorButtonGradient);background-size:135% auto;border:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);color:var(--colorButtonGradientText);-webkit-transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;-moz-transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-moz-transform .16s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-webkit-transform .16s ease,-moz-transform .16s ease,-webkit-box-shadow .2s ease}.fw-button--gradient.animation--alternate.fw-button--loading,.fw-button--gradient.animation--alternate.router-link-active,.fw-button--gradient.animation--alternate.selected,.fw-button--gradient.animation--alternate:hover,.fw-button--gradient.animation--fade.fw-button--loading,.fw-button--gradient.animation--fade.router-link-active,.fw-button--gradient.animation--fade.selected,.fw-button--gradient.animation--fade:hover{background-size:120% auto}@-webkit-keyframes pulse{50%{opacity:.5}}@-moz-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.fw-button--gradient.animation--alternate.fw-button--loading .button-icon,.fw-button--gradient.animation--alternate.router-link-active .button-icon,.fw-button--gradient.animation--alternate.selected .button-icon,.fw-button--gradient.animation--alternate:hover .button-icon,.fw-button--gradient.animation--fade.fw-button--loading .button-icon,.fw-button--gradient.animation--fade.router-link-active .button-icon,.fw-button--gradient.animation--fade.selected .button-icon,.fw-button--gradient.animation--fade:hover .button-icon{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;-moz-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fw-button--gradient:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--gradient:disabled{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;background-image:none!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--transparent{border-color:transparent;color:var(--colorBody);-webkit-text-decoration-line:none;-moz-text-decoration-line:none;text-decoration-line:none}.fw-button--transparent:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -webkit-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -moz-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--colorPrimary);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.fw-button--transparent.fw-button--loading,.fw-button--transparent.router-link-active,.fw-button--transparent.selected,.fw-button--transparent:hover{background-color:var(--colorButtonTertiaryFade);color:var(--colorPrimary);-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline}.fw-button:disabled{cursor:not-allowed;-webkit-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}@media (prefers-reduced-motion:reduce){.fw-button,.fw-button *{-webkit-animation-duration:.01ms!important;-moz-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-transition-duration:.01ms!important;-moz-transition-duration:.01ms!important;transition-duration:.01ms!important}}";
-var stylesheet = ".fw-button{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;-moz-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button:hover:not(:disabled){-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);will-change:transform,background-color,border-color}.fw-button:active:not(:disabled){-webkit-transform:translateY(0) scale(.98);-moz-transform:translateY(0) scale(.98);-ms-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.fw-button--label-wrapper{-webkit-transition:-webkit-transform .12s ease-in-out;transition:-webkit-transform .12s ease-in-out;-moz-transition:transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button--primary{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary.router-link-active,.fw-button--primary.selected,.fw-button--primary:hover{background-color:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--primary:focus-visible{--tw-ring-color:var(--colorButtonPrimary)}.fw-button--primary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--secondary{background-color:var(--colorButtonSecondary);border-color:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate.router-link-active,.fw-button--secondary.animation--alternate.selected,.fw-button--secondary.animation--alternate:hover{background-color:var(--colorButtonSecondaryFade);border-color:var(--colorButtonSecondaryFade);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade.router-link-active,.fw-button--secondary.animation--fade.selected,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--secondary:focus-visible{--tw-ring-color:var(--colorButtonSecondary)}.fw-button--secondary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--tertiary{background-color:transparent;border-color:var(--colorButtonTertiaryText);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate.router-link-active,.fw-button--tertiary.animation--alternate.selected,.fw-button--tertiary.animation--alternate:hover{background-color:var(--colorButtonTertiaryFade)}.fw-button--tertiary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade.router-link-active,.fw-button--tertiary.animation--fade.selected,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary:focus-visible{--tw-ring-color:var(--colorButtonTertiaryText)}.fw-button--tertiary:disabled{--tw-border-opacity:1!important;background-color:transparent!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--quaternary{background-color:transparent;border-color:var(--colorButtonQuaternaryText);color:var(--colorButtonQuaternaryText)}.fw-button--quaternary.animation--alternate.fw-button--loading,.fw-button--quaternary.animation--alternate.router-link-active,.fw-button--quaternary.animation--alternate.selected,.fw-button--quaternary.animation--alternate:hover{background-color:var(--colorButtonQuaternary);border-color:var(--colorButtonQuaternaryText);color:var(--colorBody)}.fw-button--quaternary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--quaternary.animation--fade.fw-button--loading,.fw-button--quaternary.animation--fade.router-link-active,.fw-button--quaternary.animation--fade.selected,.fw-button--quaternary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--quaternary:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--quaternary:disabled{background-color:transparent!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--quaternary:disabled.router-link-active,.fw-button--quaternary:disabled.selected{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important}.fw-button--gradient{background-image:var(--colorButtonGradient);background-size:135% auto;border:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);color:var(--colorButtonGradientText);-webkit-transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;-moz-transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-moz-transform .16s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-webkit-transform .16s ease,-moz-transform .16s ease,-webkit-box-shadow .2s ease}.fw-button--gradient.animation--alternate.fw-button--loading,.fw-button--gradient.animation--alternate.router-link-active,.fw-button--gradient.animation--alternate.selected,.fw-button--gradient.animation--alternate:hover,.fw-button--gradient.animation--fade.fw-button--loading,.fw-button--gradient.animation--fade.router-link-active,.fw-button--gradient.animation--fade.selected,.fw-button--gradient.animation--fade:hover{background-size:120% auto}@-webkit-keyframes pulse{50%{opacity:.5}}@-moz-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.fw-button--gradient.animation--alternate.fw-button--loading .button-icon,.fw-button--gradient.animation--alternate.router-link-active .button-icon,.fw-button--gradient.animation--alternate.selected .button-icon,.fw-button--gradient.animation--alternate:hover .button-icon,.fw-button--gradient.animation--fade.fw-button--loading .button-icon,.fw-button--gradient.animation--fade.router-link-active .button-icon,.fw-button--gradient.animation--fade.selected .button-icon,.fw-button--gradient.animation--fade:hover .button-icon{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;-moz-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fw-button--gradient:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--gradient:disabled{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;background-image:none!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--transparent{border-color:transparent;color:var(--colorBody);-webkit-text-decoration-line:none;-moz-text-decoration-line:none;text-decoration-line:none}.fw-button--transparent:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -webkit-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -moz-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--colorPrimary);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.fw-button--transparent.fw-button--loading,.fw-button--transparent.router-link-active,.fw-button--transparent.selected,.fw-button--transparent:hover{background-color:var(--colorButtonTertiaryFade);color:var(--colorPrimary);-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline}.fw-button:disabled{cursor:not-allowed;-webkit-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}@media (prefers-reduced-motion:reduce){.fw-button,.fw-button *{-webkit-animation-duration:.01ms!important;-moz-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-transition-duration:.01ms!important;-moz-transition-duration:.01ms!important;transition-duration:.01ms!important}}";
+var css_248z = ".fw-button{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;-moz-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button:hover:not(:disabled){-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);will-change:transform,background-color,border-color}.fw-button:active:not(:disabled){-webkit-transform:translateY(0) scale(.98);-moz-transform:translateY(0) scale(.98);-ms-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.fw-button--label-wrapper{-webkit-transition:-webkit-transform .12s ease-in-out;transition:-webkit-transform .12s ease-in-out;-moz-transition:transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button--primary{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary.router-link-active,.fw-button--primary.selected,.fw-button--primary:hover{background-color:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--primary:focus-visible{--tw-ring-color:var(--colorButtonPrimary)}.fw-button--primary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--secondary{background-color:var(--colorButtonSecondary);border-color:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate.router-link-active,.fw-button--secondary.animation--alternate.selected,.fw-button--secondary.animation--alternate:hover{background-color:var(--colorButtonSecondaryFade);border-color:var(--colorButtonSecondaryFade);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade.router-link-active,.fw-button--secondary.animation--fade.selected,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--secondary:focus-visible{--tw-ring-color:var(--colorButtonSecondary)}.fw-button--secondary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--tertiary{background-color:transparent;border-color:var(--colorButtonTertiaryText);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate.router-link-active,.fw-button--tertiary.animation--alternate.selected,.fw-button--tertiary.animation--alternate:hover{background-color:var(--colorButtonTertiaryFade)}.fw-button--tertiary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade.router-link-active,.fw-button--tertiary.animation--fade.selected,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary:focus-visible{--tw-ring-color:var(--colorButtonTertiaryText)}.fw-button--tertiary:disabled{--tw-border-opacity:1!important;background-color:transparent!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--quaternary{background-color:transparent;border-color:var(--colorButtonQuaternaryText);color:var(--colorButtonQuaternaryText)}.fw-button--quaternary.animation--alternate.fw-button--loading,.fw-button--quaternary.animation--alternate.router-link-active,.fw-button--quaternary.animation--alternate.selected,.fw-button--quaternary.animation--alternate:hover{background-color:var(--colorButtonQuaternary);border-color:var(--colorButtonQuaternaryText);color:var(--colorBody)}.fw-button--quaternary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--quaternary.animation--fade.fw-button--loading,.fw-button--quaternary.animation--fade.router-link-active,.fw-button--quaternary.animation--fade.selected,.fw-button--quaternary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--quaternary:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--quaternary:disabled{background-color:transparent!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--quaternary:disabled.router-link-active,.fw-button--quaternary:disabled.selected{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important}.fw-button--gradient{background-image:var(--colorButtonGradient);background-size:135% auto;border:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);color:var(--colorButtonGradientText);-webkit-transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;-moz-transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-moz-transform .16s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-webkit-transform .16s ease,-moz-transform .16s ease,-webkit-box-shadow .2s ease}.fw-button--gradient.animation--alternate.fw-button--loading,.fw-button--gradient.animation--alternate.router-link-active,.fw-button--gradient.animation--alternate.selected,.fw-button--gradient.animation--alternate:hover,.fw-button--gradient.animation--fade.fw-button--loading,.fw-button--gradient.animation--fade.router-link-active,.fw-button--gradient.animation--fade.selected,.fw-button--gradient.animation--fade:hover{background-size:120% auto}@-webkit-keyframes pulse{50%{opacity:.5}}@-moz-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.fw-button--gradient.animation--alternate.fw-button--loading .button-icon,.fw-button--gradient.animation--alternate.router-link-active .button-icon,.fw-button--gradient.animation--alternate.selected .button-icon,.fw-button--gradient.animation--alternate:hover .button-icon,.fw-button--gradient.animation--fade.fw-button--loading .button-icon,.fw-button--gradient.animation--fade.router-link-active .button-icon,.fw-button--gradient.animation--fade.selected .button-icon,.fw-button--gradient.animation--fade:hover .button-icon{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;-moz-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fw-button--gradient:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--gradient:disabled{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;background-image:none!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--transparent{border-color:transparent;color:var(--colorBody);-webkit-text-decoration-line:none;-moz-text-decoration-line:none;text-decoration-line:none}.fw-button--transparent:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -webkit-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -moz-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--colorPrimary);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.fw-button--transparent.fw-button--loading,.fw-button--transparent.router-link-active,.fw-button--transparent.selected,.fw-button--transparent:hover{background-color:var(--colorButtonTertiaryFade);color:var(--colorPrimary);-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline}.fw-button:disabled{cursor:not-allowed;-webkit-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}";
+var stylesheet = ".fw-button{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,-webkit-transform .12s ease-in-out;-moz-transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button:hover:not(:disabled){-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);will-change:transform,background-color,border-color}.fw-button:active:not(:disabled){-webkit-transform:translateY(0) scale(.98);-moz-transform:translateY(0) scale(.98);-ms-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.fw-button--label-wrapper{-webkit-transition:-webkit-transform .12s ease-in-out;transition:-webkit-transform .12s ease-in-out;-moz-transition:transform .12s ease-in-out,-moz-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out,-moz-transform .12s ease-in-out}.fw-button--primary{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary.router-link-active,.fw-button--primary.selected,.fw-button--primary:hover{background-color:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--primary:focus-visible{--tw-ring-color:var(--colorButtonPrimary)}.fw-button--primary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--secondary{background-color:var(--colorButtonSecondary);border-color:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate.router-link-active,.fw-button--secondary.animation--alternate.selected,.fw-button--secondary.animation--alternate:hover{background-color:var(--colorButtonSecondaryFade);border-color:var(--colorButtonSecondaryFade);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade.router-link-active,.fw-button--secondary.animation--fade.selected,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--secondary:focus-visible{--tw-ring-color:var(--colorButtonSecondary)}.fw-button--secondary:disabled{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--tertiary{background-color:transparent;border-color:var(--colorButtonTertiaryText);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate.router-link-active,.fw-button--tertiary.animation--alternate.selected,.fw-button--tertiary.animation--alternate:hover{background-color:var(--colorButtonTertiaryFade)}.fw-button--tertiary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade.router-link-active,.fw-button--tertiary.animation--fade.selected,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary:focus-visible{--tw-ring-color:var(--colorButtonTertiaryText)}.fw-button--tertiary:disabled{--tw-border-opacity:1!important;background-color:transparent!important;border-color:rgb(222 224 227/var(--tw-border-opacity))!important;color:var(--colorText3)!important}.fw-button--quaternary{background-color:transparent;border-color:var(--colorButtonQuaternaryText);color:var(--colorButtonQuaternaryText)}.fw-button--quaternary.animation--alternate.fw-button--loading,.fw-button--quaternary.animation--alternate.router-link-active,.fw-button--quaternary.animation--alternate.selected,.fw-button--quaternary.animation--alternate:hover{background-color:var(--colorButtonQuaternary);border-color:var(--colorButtonQuaternaryText);color:var(--colorBody)}.fw-button--quaternary.animation--fade{-webkit-transition:-webkit-filter .12s ease-in-out;transition:-webkit-filter .12s ease-in-out;-moz-transition:filter .12s ease-in-out;transition:filter .12s ease-in-out;transition:filter .12s ease-in-out,-webkit-filter .12s ease-in-out}.fw-button--quaternary.animation--fade.fw-button--loading,.fw-button--quaternary.animation--fade.router-link-active,.fw-button--quaternary.animation--fade.selected,.fw-button--quaternary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--quaternary:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--quaternary:disabled{background-color:transparent!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--quaternary:disabled.router-link-active,.fw-button--quaternary:disabled.selected{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important}.fw-button--gradient{background-image:var(--colorButtonGradient);background-size:135% auto;border:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 40px rgba(142,125,255,.3);color:var(--colorButtonGradientText);-webkit-transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;transition:background-size .4s ease,-webkit-transform .16s ease,-webkit-box-shadow .2s ease;-moz-transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-moz-transform .16s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease;transition:background-size .4s ease,transform .16s ease,box-shadow .2s ease,-webkit-transform .16s ease,-moz-transform .16s ease,-webkit-box-shadow .2s ease}.fw-button--gradient.animation--alternate.fw-button--loading,.fw-button--gradient.animation--alternate.router-link-active,.fw-button--gradient.animation--alternate.selected,.fw-button--gradient.animation--alternate:hover,.fw-button--gradient.animation--fade.fw-button--loading,.fw-button--gradient.animation--fade.router-link-active,.fw-button--gradient.animation--fade.selected,.fw-button--gradient.animation--fade:hover{background-size:120% auto}@-webkit-keyframes pulse{50%{opacity:.5}}@-moz-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.fw-button--gradient.animation--alternate.fw-button--loading .button-icon,.fw-button--gradient.animation--alternate.router-link-active .button-icon,.fw-button--gradient.animation--alternate.selected .button-icon,.fw-button--gradient.animation--alternate:hover .button-icon,.fw-button--gradient.animation--fade.fw-button--loading .button-icon,.fw-button--gradient.animation--fade.router-link-active .button-icon,.fw-button--gradient.animation--fade.selected .button-icon,.fw-button--gradient.animation--fade:hover .button-icon{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;-moz-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fw-button--gradient:focus-visible{--tw-ring-color:var(--colorButtonQuaternaryText)}.fw-button--gradient:disabled{--tw-bg-opacity:1!important;background-color:rgb(222 224 227/var(--tw-bg-opacity))!important;background-image:none!important;border-color:var(--colorBorder1)!important;color:var(--colorText3)!important}.fw-button--transparent{border-color:transparent;color:var(--colorBody);-webkit-text-decoration-line:none;-moz-text-decoration-line:none;text-decoration-line:none}.fw-button--transparent:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -webkit-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -moz-calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--colorPrimary);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.fw-button--transparent.fw-button--loading,.fw-button--transparent.router-link-active,.fw-button--transparent.selected,.fw-button--transparent:hover{background-color:var(--colorButtonTertiaryFade);color:var(--colorPrimary);-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline}.fw-button:disabled{cursor:not-allowed;-webkit-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/fw-button.js

@@ -1,4 +1,4 @@
-export { s as FwButton } from './fw-button-Cj5UEwCt.js';
+export { s as FwButton } from './fw-button-ChYejNWD.js';
 import 'vue';
-import './index-BxwEcRoY.js';
+import './index-v1DX6R2G.js';
 import './style-inject.es-tgCJW-Cu.js';

package/esm/{fw-card-XGtsK2bM.js → fw-card-DJXjRPUR.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useCssVars, createBlock, openBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createCommentVNode, toDisplayString, renderSlot } from 'vue';
+import { defineComponent, computed, useCssVars, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from 'vue';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 

package/esm/fw-card.js

@@ -1,4 +1,4 @@
-export { _ as FwCard } from './fw-card-XGtsK2bM.js';
+export { _ as FwCard } from './fw-card-DJXjRPUR.js';
 import 'vue';
 import './get-root-colours-DCCAnRF4.js';
 import './style-inject.es-tgCJW-Cu.js';

package/esm/fw-checkbox.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, createCommentVNode, mergeProps, Transition, toDisplayString } from 'vue';
+import { defineComponent, useCssVars, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Transition, toDisplayString } from 'vue';
 import { a as Field } from './vee-validate-0dtT5GSQ.js';
 import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
@@ -58,6 +58,20 @@ var __default__ = defineComponent({
       type: Boolean,
       required: false,
       "default": undefined
+    },
+    /**
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+      type: String,
+      required: false
     }
   },
   setup: function setup() {
@@ -75,7 +89,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v2c02006d": _ctx.primaryFade5
+      "v96bda67e": _ctx.primaryFade5
     };
   });
 };
@@ -126,17 +140,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [_ctx.isChecked === undefined ? (openBlock(), createElementBlock("input", mergeProps({
         key: 0
       }, field, {
-        id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        id: _ctx.inputId || "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         value: _ctx.value ? _ctx.value : _ctx.name,
-        name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        name: _ctx.disableNamePrefix ? _ctx.name : "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         type: "checkbox",
         "class": "bg-white w-6 h-6 cursor-pointer border-brand-text2 border rounded"
       }), null, 16, _hoisted_4)) : (openBlock(), createElementBlock("input", mergeProps({
         key: 1
       }, field, {
-        id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        id: _ctx.inputId || "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         value: _ctx.value ? _ctx.value : _ctx.name,
-        name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        name: _ctx.disableNamePrefix ? _ctx.name : "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         type: "checkbox",
         checked: _ctx.isChecked,
         "class": "bg-white w-6 h-6 cursor-pointer border-brand-text2 border rounded"
@@ -158,11 +172,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["name", "value", "rules"])]);
 }
 
-var css_248z = ".fwFadeIn-enter-active[data-v-3c78e961],.fwFadeIn-leave-active[data-v-3c78e961]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-3c78e961],.fwFadeIn-leave-to[data-v-3c78e961]{opacity:0}.fwFadeIn-enter-to[data-v-3c78e961],.fwFadeIn-leave-from[data-v-3c78e961]{opacity:1}.fw-checkbox input[data-v-3c78e961]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-3c78e961]:hover{background-color:var(--v2c02006d);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-3c78e961]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
-var stylesheet = ".fwFadeIn-enter-active[data-v-3c78e961],.fwFadeIn-leave-active[data-v-3c78e961]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-3c78e961],.fwFadeIn-leave-to[data-v-3c78e961]{opacity:0}.fwFadeIn-enter-to[data-v-3c78e961],.fwFadeIn-leave-from[data-v-3c78e961]{opacity:1}.fw-checkbox input[data-v-3c78e961]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-3c78e961]:hover{background-color:var(--v2c02006d);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-3c78e961]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
+var css_248z = ".fwFadeIn-enter-active[data-v-5e61228a],.fwFadeIn-leave-active[data-v-5e61228a]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-5e61228a],.fwFadeIn-leave-to[data-v-5e61228a]{opacity:0}.fwFadeIn-enter-to[data-v-5e61228a],.fwFadeIn-leave-from[data-v-5e61228a]{opacity:1}.fw-checkbox input[data-v-5e61228a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-5e61228a]:hover{background-color:var(--v96bda67e);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-5e61228a]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
+var stylesheet = ".fwFadeIn-enter-active[data-v-5e61228a],.fwFadeIn-leave-active[data-v-5e61228a]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-5e61228a],.fwFadeIn-leave-to[data-v-5e61228a]{opacity:0}.fwFadeIn-enter-to[data-v-5e61228a],.fwFadeIn-leave-from[data-v-5e61228a]{opacity:1}.fw-checkbox input[data-v-5e61228a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-5e61228a]:hover{background-color:var(--v96bda67e);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-5e61228a]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
 styleInject(css_248z);
 
 __default__.render = render;
-__default__.__scopeId = "data-v-3c78e961";
+__default__.__scopeId = "data-v-5e61228a";
 
 export { __default__ as FwCheckbox };

package/esm/fw-date-picker.js

@@ -1,10 +1,10 @@
-import { reactive, computed, ref, watch, onUnmounted, provide, inject, onMounted, watchEffect, defineComponent, nextTick, toRefs, createElementBlock, openBlock, normalizeClass, createVNode, Transition, withCtx, createCommentVNode, mergeProps, renderSlot, createElementVNode, createTextVNode, toDisplayString, unref, createBlock, resolveDynamicComponent, normalizeProps, Fragment, renderList, normalizeStyle, withKeys, withDirectives, toRef, resolveComponent, resolveDirective, toHandlers, withModifiers, isRef, guardReactiveProps, useCssVars } from 'vue';
+import { reactive, computed, ref, watch, onUnmounted, provide, inject, onMounted, watchEffect, defineComponent, nextTick, toRefs, openBlock, createElementBlock, normalizeClass, createVNode, Transition, withCtx, mergeProps, renderSlot, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, unref, createBlock, resolveDynamicComponent, normalizeProps, Fragment, renderList, normalizeStyle, withKeys, withDirectives, toRef, resolveComponent, resolveDirective, toHandlers, withModifiers, isRef, guardReactiveProps, useCssVars } from 'vue';
 import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
 import { c as createPopper } from './index-BVcOAKar.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import { u as useField } from './vee-validate-0dtT5GSQ.js';
-import { c as render$1 } from './index-BxwEcRoY.js';
+import { c as render$1 } from './index-v1DX6R2G.js';
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;

package/esm/fw-drawer.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, onMounted, useCssVars, resolveComponent, createBlock, createCommentVNode, openBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script } from './fw-button-Cj5UEwCt.js';
+import { defineComponent, ref, computed, onMounted, useCssVars, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, vShow } from 'vue';
+import { s as script } from './fw-button-ChYejNWD.js';
 import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
-import { d as render$1 } from './index-BxwEcRoY.js';
+import { d as render$1 } from './index-v1DX6R2G.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({

package/esm/{fw-dropdown-CnY-nWFa.js → fw-dropdown-UJDWtWjF.js}

@@ -1,8 +1,8 @@
-import { defineComponent, toRef, ref, computed, watch, onMounted, onBeforeUnmount, useCssVars, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, normalizeClass, createTextVNode, toDisplayString, createBlock, renderSlot, Transition, withCtx, withDirectives, Fragment, renderList, vShow } from 'vue';
+import { defineComponent, toRef, ref, computed, watch, onMounted, onBeforeUnmount, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, createBlock, renderSlot, createVNode, Transition, withCtx, withDirectives, Fragment, renderList, vShow } from 'vue';
 import { u as useField } from './vee-validate-0dtT5GSQ.js';
-import { _ as __default__$1 } from './fw-image-MQo9Gq8s.js';
+import { _ as __default__$1 } from './fw-image-fzUvzmLv.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
-import { r as render$1 } from './index-BxwEcRoY.js';
+import { r as render$1 } from './index-v1DX6R2G.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({
@@ -156,8 +156,8 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v8941517c": _ctx.primaryFade5,
-      "cf163048": _ctx.colorErrorTextFade5
+      "v4b8bf412": _ctx.primaryFade5,
+      "v5d15410c": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -283,11 +283,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })])) : createCommentVNode("", true)]);
 }
 
-var css_248z = ".slideUpDown-enter-active[data-v-c859f01c],.slideUpDown-leave-active[data-v-c859f01c]{-webkit-transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);-moz-transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.slideUpDown-enter-from[data-v-c859f01c],.slideUpDown-leave-to[data-v-c859f01c]{opacity:0;-webkit-transform:translate3d(0,-6px,0);-moz-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}.slideUpDown-enter-to[data-v-c859f01c],.slideUpDown-leave-from[data-v-c859f01c]{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.slideUpDown-enter-active[data-v-c859f01c],.slideUpDown-leave-active[data-v-c859f01c]{-webkit-transition-duration:1ms;-moz-transition-duration:1ms;transition-duration:1ms}}.fw-dropdown--open[data-v-c859f01c]{background-color:var(--v8941517c)}.fw-dropdown-error-state[data-v-c859f01c]{background-color:var(--cf163048)}.fw-dropdown--menu-item[data-v-c859f01c]:hover{background-color:var(--v8941517c)}";
-var stylesheet = ".slideUpDown-enter-active[data-v-c859f01c],.slideUpDown-leave-active[data-v-c859f01c]{-webkit-transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);-moz-transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.slideUpDown-enter-from[data-v-c859f01c],.slideUpDown-leave-to[data-v-c859f01c]{opacity:0;-webkit-transform:translate3d(0,-6px,0);-moz-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}.slideUpDown-enter-to[data-v-c859f01c],.slideUpDown-leave-from[data-v-c859f01c]{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.slideUpDown-enter-active[data-v-c859f01c],.slideUpDown-leave-active[data-v-c859f01c]{-webkit-transition-duration:1ms;-moz-transition-duration:1ms;transition-duration:1ms}}.fw-dropdown--open[data-v-c859f01c]{background-color:var(--v8941517c)}.fw-dropdown-error-state[data-v-c859f01c]{background-color:var(--cf163048)}.fw-dropdown--menu-item[data-v-c859f01c]:hover{background-color:var(--v8941517c)}";
+var css_248z = ".slideUpDown-enter-active[data-v-4790b470],.slideUpDown-leave-active[data-v-4790b470]{-webkit-transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);-moz-transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.slideUpDown-enter-from[data-v-4790b470],.slideUpDown-leave-to[data-v-4790b470]{opacity:0;-webkit-transform:translate3d(0,-6px,0);-moz-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}.slideUpDown-enter-to[data-v-4790b470],.slideUpDown-leave-from[data-v-4790b470]{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.slideUpDown-enter-active[data-v-4790b470],.slideUpDown-leave-active[data-v-4790b470]{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}.fw-dropdown--open[data-v-4790b470]{background-color:var(--v4b8bf412)}.fw-dropdown-error-state[data-v-4790b470]{background-color:var(--v5d15410c)}.fw-dropdown--menu-item[data-v-4790b470]:hover{background-color:var(--v4b8bf412)}";
+var stylesheet = ".slideUpDown-enter-active[data-v-4790b470],.slideUpDown-leave-active[data-v-4790b470]{-webkit-transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);transition:opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1);-moz-transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1);transition:transform .16s cubic-bezier(.2,.7,.2,1),opacity .16s cubic-bezier(.2,.7,.2,1),-webkit-transform .16s cubic-bezier(.2,.7,.2,1),-moz-transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.slideUpDown-enter-from[data-v-4790b470],.slideUpDown-leave-to[data-v-4790b470]{opacity:0;-webkit-transform:translate3d(0,-6px,0);-moz-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}.slideUpDown-enter-to[data-v-4790b470],.slideUpDown-leave-from[data-v-4790b470]{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.slideUpDown-enter-active[data-v-4790b470],.slideUpDown-leave-active[data-v-4790b470]{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}.fw-dropdown--open[data-v-4790b470]{background-color:var(--v4b8bf412)}.fw-dropdown-error-state[data-v-4790b470]{background-color:var(--v5d15410c)}.fw-dropdown--menu-item[data-v-4790b470]:hover{background-color:var(--v4b8bf412)}";
 styleInject(css_248z);
 
 __default__.render = render;
-__default__.__scopeId = "data-v-c859f01c";
+__default__.__scopeId = "data-v-4790b470";
 
 export { __default__ as _ };

package/esm/fw-dropdown.js

@@ -1,9 +1,9 @@
-export { _ as FwDropdown } from './fw-dropdown-CnY-nWFa.js';
+export { _ as FwDropdown } from './fw-dropdown-UJDWtWjF.js';
 import 'vue';
 import './vee-validate-0dtT5GSQ.js';
-import './fw-image-MQo9Gq8s.js';
+import './fw-image-fzUvzmLv.js';
 import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import './fw-loading-bar-3x4tkF1B.js';
+import './fw-loading-bar-CPzE92BH.js';
 import './get-root-colours-DCCAnRF4.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './index-BxwEcRoY.js';
+import './index-v1DX6R2G.js';

package/esm/fw-icons.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode } from 'vue';
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from 'vue';
 import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 

package/esm/{fw-image-MQo9Gq8s.js → fw-image-fzUvzmLv.js}

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed, useCssVars, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, withKeys, normalizeClass, createElementVNode, createCommentVNode, renderSlot, createVNode, vShow } from 'vue';
+import { defineComponent, ref, computed, useCssVars, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, withKeys, normalizeClass, createElementVNode, createVNode, vShow, createCommentVNode, renderSlot } from 'vue';
 import { f as _createForOfIteratorHelper } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import { s as script } from './fw-loading-bar-3x4tkF1B.js';
-import { u as render$1 } from './index-BxwEcRoY.js';
+import { s as script } from './fw-loading-bar-CPzE92BH.js';
+import { u as render$1 } from './index-v1DX6R2G.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
@@ -241,7 +241,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v9f14e934": _ctx.colorErrorTextFade5
+      "a7d6eea4": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -316,8 +316,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }]]);
 }
 
-var css_248z = ".fw-image{position:relative}.fw-image__img{opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .32s ease,-webkit-transform .32s ease;transition:opacity .32s ease,-webkit-transform .32s ease;-moz-transition:opacity .32s ease,transform .32s ease,-moz-transform .32s ease;transition:opacity .32s ease,transform .32s ease;transition:opacity .32s ease,transform .32s ease,-webkit-transform .32s ease,-moz-transform .32s ease;visibility:hidden;width:100%}.fw-image__loading{opacity:1;position:absolute!important}.fw-image__error,.fw-image__loading{inset:0;-webkit-transition:opacity .22s ease;-moz-transition:opacity .22s ease;transition:opacity .22s ease}.fw-image__error{background-color:var(--v9f14e934);opacity:0;position:absolute;visibility:hidden}.fw-image__error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loaded .fw-image__img{opacity:1;visibility:visible}.fw-image--loaded .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__img{opacity:0;visibility:hidden}.fw-image--error-state .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}.fw-image--background.fw-image--loaded .fw-image__img{display:none}@media (prefers-reduced-motion:reduce){.fw-image__error,.fw-image__img,.fw-image__loading{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}}";
-var stylesheet = ".fw-image{position:relative}.fw-image__img{opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .32s ease,-webkit-transform .32s ease;transition:opacity .32s ease,-webkit-transform .32s ease;-moz-transition:opacity .32s ease,transform .32s ease,-moz-transform .32s ease;transition:opacity .32s ease,transform .32s ease;transition:opacity .32s ease,transform .32s ease,-webkit-transform .32s ease,-moz-transform .32s ease;visibility:hidden;width:100%}.fw-image__loading{opacity:1;position:absolute!important}.fw-image__error,.fw-image__loading{inset:0;-webkit-transition:opacity .22s ease;-moz-transition:opacity .22s ease;transition:opacity .22s ease}.fw-image__error{background-color:var(--v9f14e934);opacity:0;position:absolute;visibility:hidden}.fw-image__error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loaded .fw-image__img{opacity:1;visibility:visible}.fw-image--loaded .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__img{opacity:0;visibility:hidden}.fw-image--error-state .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}.fw-image--background.fw-image--loaded .fw-image__img{display:none}@media (prefers-reduced-motion:reduce){.fw-image__error,.fw-image__img,.fw-image__loading{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}}";
+var css_248z = ".fw-image{position:relative}.fw-image__img{opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .32s ease,-webkit-transform .32s ease;transition:opacity .32s ease,-webkit-transform .32s ease;-moz-transition:opacity .32s ease,transform .32s ease,-moz-transform .32s ease;transition:opacity .32s ease,transform .32s ease;transition:opacity .32s ease,transform .32s ease,-webkit-transform .32s ease,-moz-transform .32s ease;visibility:hidden;width:100%}.fw-image__loading{opacity:1;position:absolute!important}.fw-image__error,.fw-image__loading{inset:0;-webkit-transition:opacity .22s ease;-moz-transition:opacity .22s ease;transition:opacity .22s ease}.fw-image__error{background-color:var(--a7d6eea4);opacity:0;position:absolute;visibility:hidden}.fw-image__error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loaded .fw-image__img{opacity:1;visibility:visible}.fw-image--loaded .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__img{opacity:0;visibility:hidden}.fw-image--error-state .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}.fw-image--background.fw-image--loaded .fw-image__img{display:none}@media (prefers-reduced-motion:reduce){.fw-image__error,.fw-image__img,.fw-image__loading{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
+var stylesheet = ".fw-image{position:relative}.fw-image__img{opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .32s ease,-webkit-transform .32s ease;transition:opacity .32s ease,-webkit-transform .32s ease;-moz-transition:opacity .32s ease,transform .32s ease,-moz-transform .32s ease;transition:opacity .32s ease,transform .32s ease;transition:opacity .32s ease,transform .32s ease,-webkit-transform .32s ease,-moz-transform .32s ease;visibility:hidden;width:100%}.fw-image__loading{opacity:1;position:absolute!important}.fw-image__error,.fw-image__loading{inset:0;-webkit-transition:opacity .22s ease;-moz-transition:opacity .22s ease;transition:opacity .22s ease}.fw-image__error{background-color:var(--a7d6eea4);opacity:0;position:absolute;visibility:hidden}.fw-image__error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loaded .fw-image__img{opacity:1;visibility:visible}.fw-image--loaded .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__img{opacity:0;visibility:hidden}.fw-image--error-state .fw-image__loading{opacity:0;pointer-events:none}.fw-image--error-state .fw-image__error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}.fw-image--background.fw-image--loaded .fw-image__img{display:none}@media (prefers-reduced-motion:reduce){.fw-image__error,.fw-image__img,.fw-image__loading{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
 styleInject(css_248z);
 
 __default__.render = render;

package/esm/fw-image.js

@@ -1,7 +1,7 @@
-export { _ as FwImage } from './fw-image-MQo9Gq8s.js';
+export { _ as FwImage } from './fw-image-fzUvzmLv.js';
 import 'vue';
 import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import './fw-loading-bar-3x4tkF1B.js';
+import './fw-loading-bar-CPzE92BH.js';
 import './get-root-colours-DCCAnRF4.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './index-BxwEcRoY.js';
+import './index-v1DX6R2G.js';

package/esm/{fw-input-BiPWWfK3.js → fw-input-Bo2gQcvM.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, useCssVars, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, createCommentVNode, normalizeClass, createTextVNode, toDisplayString, renderSlot, mergeProps, Transition } from 'vue';
+import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition } from 'vue';
 import { a as Field } from './vee-validate-0dtT5GSQ.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
@@ -24,7 +24,28 @@ var __default__ = defineComponent({
       required: true
     },
     /**
-     * The input type. Accepts `text` | `password`
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+      type: String,
+      required: false
+    },
+    /**
+     * The custom class for the input field.
+     */
+    inputClass: {
+      type: String,
+      required: false
+    },
+    /**
+     * The input type. Accepts `text` | `password` | `email` | `tel` | `time` | `url` | `week` | `month`
      */
     type: {
       type: String,
@@ -107,6 +128,14 @@ var __default__ = defineComponent({
     required: {
       type: Boolean,
       "default": false
+    },
+    /**
+     * Force triggers the error UI.
+     * Use the field validation rule to validate/invalidate input.
+     */
+    invalidate: {
+      type: Boolean,
+      required: false
     }
   },
   emits: ['update:modelValue', /** Fired on native focus in */
@@ -144,8 +173,8 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v33aab865": _ctx.primaryFade5,
-      "v68d8ed4e": _ctx.colorErrorTextFade5
+      "v13ee7f47": _ctx.primaryFade5,
+      "f122bf92": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -214,13 +243,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         meta = _ref.meta;
       return [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
-        "for": "fw-input-".concat(_ctx.name),
-        "class": normalizeClass([[(errorMessage || errors[0]) && meta.touched ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
+        "for": _ctx.inputId || "fw-input-".concat(_ctx.name),
+        "class": normalizeClass([[(errorMessage || errors[0]) && meta.touched || _ctx.invalidate ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
       }, [createTextVNode(toDisplayString(_ctx.label) + " ", 1), _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_5, "*")) : createCommentVNode("", true)], 10, _hoisted_4)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_7, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "prefix", {
         "class": "h-full"
       })])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
-        id: "fw-input-".concat(_ctx.name),
-        name: "fw-input-".concat(_ctx.name),
+        id: _ctx.inputId || "fw-input-".concat(_ctx.name),
+        name: _ctx.disableNamePrefix ? _ctx.name : "fw-input-".concat(_ctx.name),
         placeholder: _ctx.placeholder,
         type: _ctx.type,
         readonly: _ctx.readonly,
@@ -231,7 +260,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": [{
           'pl-10': !!_ctx.$slots.prefix,
           'pr-20': !!_ctx.$slots.suffix
-        }, (errorMessage || errors[0]) && meta.touched ? 'input--error-state border-brand-error-text caret-brand-error-text' : 'caret-primary bg-white border-grey-100 hover:border-brand-text3 focus:border-brand-text3', _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded-lg'],
+        }, (errorMessage || errors[0]) && meta.touched || _ctx.invalidate ? 'input--error-state border-brand-error-text caret-brand-error-text' : 'caret-primary bg-white border-grey-100 hover:border-brand-text3 focus:border-brand-text3', _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded-lg', _ctx.inputClass],
         onFocus: _cache[0] || (_cache[0] = function () {
           return _ctx.onFocus && _ctx.onFocus.apply(_ctx, arguments);
         }),
@@ -254,8 +283,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["modelValue", "name", "rules"])]);
 }
 
-var css_248z = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v33aab865)}.fw-input input.input--error-state{background-color:var(--v68d8ed4e)}";
-var stylesheet = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v33aab865)}.fw-input input.input--error-state{background-color:var(--v68d8ed4e)}";
+var css_248z = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v13ee7f47)}.fw-input input.input--error-state{background-color:var(--f122bf92)}";
+var stylesheet = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v13ee7f47)}.fw-input input.input--error-state{background-color:var(--f122bf92)}";
 styleInject(css_248z);
 
 __default__.render = render;

package/esm/fw-input.js

@@ -1,4 +1,4 @@
-export { _ as FwInput } from './fw-input-BiPWWfK3.js';
+export { _ as FwInput } from './fw-input-Bo2gQcvM.js';
 import 'vue';
 import './vee-validate-0dtT5GSQ.js';
 import './get-root-colours-DCCAnRF4.js';

package/esm/{fw-loading-bar-3x4tkF1B.js → fw-loading-bar-CPzE92BH.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle } from 'vue';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
@@ -28,8 +28,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 4);
 }
 
-var css_248z = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-webkit-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation:none;-moz-animation:none;animation:none;opacity:.35}}";
-var stylesheet = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-webkit-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation:none;-moz-animation:none;animation:none;opacity:.35}}";
+var css_248z = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-webkit-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation-duration:4s!important;-moz-animation-duration:4s!important;animation-duration:4s!important}}";
+var stylesheet = ".fw-loading-bar{background:var(--fw-bar-dark);contain:paint;overflow:hidden;position:relative}.fw-loading-bar:before{-webkit-animation:fwShimmer 1.1s ease-in-out infinite;-moz-animation:fwShimmer 1.1s ease-in-out infinite;animation:fwShimmer 1.1s ease-in-out infinite;background-image:-webkit-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:-moz-linear-gradient(350deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-image:linear-gradient(100deg,transparent 0,var(--fw-bar-light) 50%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;content:\"\";inset:0;position:absolute;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform}@-webkit-keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes fwShimmer{to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fwShimmer{to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@media (prefers-reduced-motion:reduce){.fw-loading-bar:before{-webkit-animation-duration:4s!important;-moz-animation-duration:4s!important;animation-duration:4s!important}}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/fw-loading.js

@@ -1,5 +1,5 @@
-import { s as script$3 } from './fw-loading-bar-3x4tkF1B.js';
-import { defineComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, computed, normalizeClass, Fragment, renderList, normalizeStyle, createBlock } from 'vue';
+import { s as script$3 } from './fw-loading-bar-CPzE92BH.js';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, computed, normalizeClass, Fragment, renderList, normalizeStyle, createBlock } from 'vue';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 

package/esm/fw-media-picker.js

@@ -1,11 +1,11 @@
-export { s as FwMediaPicker } from './index-DnLeG0TM.js';
+export { s as FwMediaPicker } from './index-Dg62eRFQ.js';
 import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
 import 'vue';
-import './index-BxwEcRoY.js';
+import './index-v1DX6R2G.js';
 import './fw-modal.js';
-import './fw-button-Cj5UEwCt.js';
+import './fw-button-ChYejNWD.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './fw-image-MQo9Gq8s.js';
-import './fw-loading-bar-3x4tkF1B.js';
+import './fw-image-fzUvzmLv.js';
+import './fw-loading-bar-CPzE92BH.js';
 import './get-root-colours-DCCAnRF4.js';
 import './fw-button.js';