@frollo/frollo-web-ui 8.5.0 → 8.5.2

package/esm/fw-accordion.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, toDisplayString, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow } from 'vue';
 import { u as useColours } from './get-root-colours-DYEoJPEb.js';
-import { r as render$1 } from './index-BjXtr7CR.js';
+import { r as render$1 } from './index-Bohaw8xf.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './check--YD4Ts6g.js';
 

package/esm/fw-animations.js

@@ -1,7 +1,7 @@
 import { defineComponent, useCssVars, pushScopeId, popScopeId, createElementVNode, openBlock, createElementBlock, createStaticVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-export { s as FwLoadingSpinner } from './fw-loading-spinner-CFFbujSq.js';
-import './index-BjXtr7CR.js';
+export { s as FwLoadingSpinner } from './fw-loading-spinner-D6LtqOl7.js';
+import './index-Bohaw8xf.js';
 import './check--YD4Ts6g.js';
 
 var __default__$1 = defineComponent({

package/esm/{fw-button-BhZXMN8a.js → fw-button-ROl6WHys.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createElementVNode, Fragment, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createVNode } from 'vue';
-import { s as script$1 } from './fw-loading-spinner-CFFbujSq.js';
+import { s as script$1 } from './fw-loading-spinner-D6LtqOl7.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var script = defineComponent({

package/esm/fw-button.js

@@ -1,6 +1,6 @@
-export { s as FwButton } from './fw-button-BhZXMN8a.js';
+export { s as FwButton } from './fw-button-ROl6WHys.js';
 import 'vue';
-import './fw-loading-spinner-CFFbujSq.js';
-import './index-BjXtr7CR.js';
+import './fw-loading-spinner-D6LtqOl7.js';
+import './index-Bohaw8xf.js';
 import './check--YD4Ts6g.js';
 import './style-inject.es-tgCJW-Cu.js';

package/esm/fw-date-picker.js

@@ -1,5 +1,5 @@
 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 { a as render$1 } from './index-BjXtr7CR.js';
+import { a as render$1 } from './index-Bohaw8xf.js';
 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';

package/esm/fw-drawer.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode, createVNode, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script$1 } from './fw-button-BhZXMN8a.js';
+import { s as script$1 } from './fw-button-ROl6WHys.js';
 import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
-import { b as render$1 } from './index-BjXtr7CR.js';
+import { b as render$1 } from './index-Bohaw8xf.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './fw-loading-spinner-CFFbujSq.js';
+import './fw-loading-spinner-D6LtqOl7.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({

package/esm/{fw-dropdown-ClttctHK.js → fw-dropdown-CszRMdF9.js}

@@ -1,7 +1,7 @@
 import { defineComponent, toRef, ref, computed, watch, onMounted, onBeforeUnmount, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createBlock, renderSlot, createVNode, Transition, withCtx, withDirectives, Fragment, renderList, vShow } from 'vue';
 import { u as useField } from './vee-validate.esm-3ptvCDR1.js';
-import { r as render$1 } from './index-BjXtr7CR.js';
-import { s as script$1 } from './fw-image-6o3ZOSCW.js';
+import { r as render$1 } from './index-Bohaw8xf.js';
+import { s as script$1 } from './fw-image-DAJmf7z4.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var script = defineComponent({

package/esm/fw-dropdown.js

@@ -1,8 +1,8 @@
-export { s as FwDropdown } from './fw-dropdown-ClttctHK.js';
+export { s as FwDropdown } from './fw-dropdown-CszRMdF9.js';
 import 'vue';
 import './vee-validate.esm-3ptvCDR1.js';
-import './index-BjXtr7CR.js';
+import './index-Bohaw8xf.js';
 import './check--YD4Ts6g.js';
-import './fw-image-6o3ZOSCW.js';
+import './fw-image-DAJmf7z4.js';
 import './fw-loading-bar-DThRjdw1.js';
 import './style-inject.es-tgCJW-Cu.js';

package/esm/{fw-image-6o3ZOSCW.js → fw-image-DAJmf7z4.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withKeys, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot } from 'vue';
 import { s as script$1 } from './fw-loading-bar-DThRjdw1.js';
-import { q as render$1 } from './index-BjXtr7CR.js';
+import { q as render$1 } from './index-Bohaw8xf.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var handleIntersect = function handleIntersect(entries, observer) {

package/esm/fw-image.js

@@ -1,6 +1,6 @@
-export { s as FwImage } from './fw-image-6o3ZOSCW.js';
+export { s as FwImage } from './fw-image-DAJmf7z4.js';
 import 'vue';
 import './fw-loading-bar-DThRjdw1.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './index-BjXtr7CR.js';
+import './index-Bohaw8xf.js';
 import './check--YD4Ts6g.js';

package/esm/{fw-loading-spinner-CFFbujSq.js → fw-loading-spinner-D6LtqOl7.js}

@@ -1,4 +1,4 @@
-import { h as render$1 } from './index-BjXtr7CR.js';
+import { h as render$1 } from './index-Bohaw8xf.js';
 import { defineComponent, resolveComponent, openBlock, createBlock } from 'vue';
 
 var script = defineComponent({

package/esm/fw-media-picker.js

@@ -1,13 +1,13 @@
 import { c as _asyncToGenerator, d as _regeneratorRuntime, a as _slicedToArray } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
 import { defineComponent, ref, computed, watch, createElementVNode, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, toDisplayString, withCtx, normalizeClass, withModifiers, createTextVNode, createCommentVNode } from 'vue';
-import { c as render$1, d as render$2, e as render$3, f as render$4, g as render$5, h as render$6 } from './index-BjXtr7CR.js';
+import { c as render$1, d as render$2, e as render$3, f as render$4, g as render$5, h as render$6 } from './index-Bohaw8xf.js';
 import { FwModal as script$1 } from './fw-modal.js';
 import './fw-button.js';
-import { s as script$2 } from './fw-button-BhZXMN8a.js';
+import { s as script$2 } from './fw-button-ROl6WHys.js';
 import './check--YD4Ts6g.js';
 import './uniqueId-DK6xzFd8.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './fw-loading-spinner-CFFbujSq.js';
+import './fw-loading-spinner-D6LtqOl7.js';
 
 var script = defineComponent({
   name: 'MediaPicker',

package/esm/fw-modal.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script$1 } from './fw-button-BhZXMN8a.js';
+import { s as script$1 } from './fw-button-ROl6WHys.js';
 import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
-import { b as render$1 } from './index-BjXtr7CR.js';
+import { b as render$1 } from './index-Bohaw8xf.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './fw-loading-spinner-CFFbujSq.js';
+import './fw-loading-spinner-D6LtqOl7.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({

package/esm/fw-navigation-menu.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { s as script$1 } from './fw-button-BhZXMN8a.js';
+import { s as script$1 } from './fw-button-ROl6WHys.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './fw-loading-spinner-CFFbujSq.js';
-import './index-BjXtr7CR.js';
+import './fw-loading-spinner-D6LtqOl7.js';
+import './index-Bohaw8xf.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({

package/esm/fw-period-selector.js

@@ -1,9 +1,9 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
 import './fw-button.js';
-import { s as script$1 } from './fw-button-BhZXMN8a.js';
+import { s as script$1 } from './fw-button-ROl6WHys.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './fw-loading-spinner-CFFbujSq.js';
-import './index-BjXtr7CR.js';
+import './fw-loading-spinner-D6LtqOl7.js';
+import './index-Bohaw8xf.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({

package/esm/fw-provider-list.js

@@ -1,19 +1,19 @@
 import { e as _defineProperty } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
 import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
-import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-BlpxQ10C.js';
+import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-xGa-LxFg.js';
 import { s as script$1 } from './fw-input-XeI-IKly.js';
-import { _ as __default__$1 } from './fw-tag-DgsnsY7O.js';
-import { s as script$3 } from './fw-button-BhZXMN8a.js';
-import { s as script$2 } from './fw-dropdown-ClttctHK.js';
-import { i as render$1, j as render$2, k as render$3 } from './index-BjXtr7CR.js';
+import { _ as __default__$1 } from './fw-tag-BmPSSwWP.js';
+import { s as script$3 } from './fw-button-ROl6WHys.js';
+import { s as script$2 } from './fw-dropdown-CszRMdF9.js';
+import { i as render$1, j as render$2, k as render$3 } from './index-Bohaw8xf.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './get-root-colours-DYEoJPEb.js';
 import './fw-loading-bar-DThRjdw1.js';
 import './vee-validate.esm-3ptvCDR1.js';
 import './uniqueId-DK6xzFd8.js';
 import './fw-button.js';
-import './fw-loading-spinner-CFFbujSq.js';
-import './fw-image-6o3ZOSCW.js';
+import './fw-loading-spinner-D6LtqOl7.js';
+import './fw-image-DAJmf7z4.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({

package/esm/fw-sidebar-menu.js

@@ -1,8 +1,8 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, withDirectives, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script$1 } from './fw-button-BhZXMN8a.js';
-import { l as render$1 } from './index-BjXtr7CR.js';
+import { s as script$1 } from './fw-button-ROl6WHys.js';
+import { l as render$1 } from './index-Bohaw8xf.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './fw-loading-spinner-CFFbujSq.js';
+import './fw-loading-spinner-D6LtqOl7.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({

package/esm/fw-slider.js

@@ -1,5 +1,5 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
-import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, normalizeClass } from 'vue';
+import { defineComponent, computed, watch, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, withDirectives, vModelText } from 'vue';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var script = defineComponent({
@@ -28,52 +28,46 @@ var script = defineComponent({
     }
   },
   setup: function setup(props, ctx) {
-    var _props$minValue, _props$maxValue;
-    var minBound = computed(function () {
-      return props.min != null ? Number(props.min) : 0;
-    });
-    var maxBound = computed(function () {
-      return props.max != null ? Number(props.max) : 100;
-    });
-    var minimumValue = ref((_props$minValue = props.minValue) !== null && _props$minValue !== void 0 ? _props$minValue : props.min);
-    var maximumValue = ref((_props$maxValue = props.maxValue) !== null && _props$maxValue !== void 0 ? _props$maxValue : props.max);
-    watch(function () {
-      return [props.minValue, props.maxValue];
-    }, function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        newMin = _ref2[0],
-        newMax = _ref2[1];
-      if (newMin != null) {
-        minimumValue.value = Math.min(Math.max(Number(newMin), props.min), maximumValue.value);
+    var minimumValue = computed({
+      get: function get() {
+        var _props$minValue;
+        return (_props$minValue = props.minValue) !== null && _props$minValue !== void 0 ? _props$minValue : props.min;
+      },
+      set: function set(state) {
+        return ctx.emit('update:minValue', state);
       }
-      if (newMax != null) {
-        maximumValue.value = Math.max(Math.min(Number(newMax), props.max), minimumValue.value);
+    });
+    var maximumValue = computed({
+      get: function get() {
+        var _props$maxValue;
+        return (_props$maxValue = props.maxValue) !== null && _props$maxValue !== void 0 ? _props$maxValue : props.max;
+      },
+      set: function set(state) {
+        return ctx.emit('update:maxValue', state);
       }
-    }, {
-      immediate: true
     });
-    watch(function () {
-      return [props.min, props.max];
+    // stop the thumbs from pushing each other around
+    watch([function () {
+      return props.minValue;
     }, function () {
-      minimumValue.value = Math.min(Math.max(minimumValue.value, props.min), maximumValue.value);
-      maximumValue.value = Math.max(Math.min(maximumValue.value, props.max), minimumValue.value);
-    });
-    var clampLow = function clampLow(value) {
-      return Math.min(Math.max(value, minBound.value), maximumValue.value);
-    };
-    var clampHigh = function clampHigh(value) {
-      return Math.max(Math.min(value, maxBound.value), minimumValue.value);
-    };
-    watch([minBound, maxBound], function () {
-      var low = clampLow(minimumValue.value);
-      var high = clampHigh(maximumValue.value);
-      if (low !== minimumValue.value) {
-        minimumValue.value = low;
-        ctx.emit('update:minValue', low);
+      return props.maxValue;
+    }], function (_ref, _ref2) {
+      var _ref3 = _slicedToArray(_ref, 2),
+        newMin = _ref3[0],
+        newMax = _ref3[1];
+      var _ref4 = _slicedToArray(_ref2, 2),
+        oldMin = _ref4[0],
+        oldMax = _ref4[1];
+      if (newMin !== oldMin) {
+        if (newMin != null) {
+          minimumValue.value = Math.min(Math.max(Number(newMin), props.min), maximumValue.value);
+        }
+        return;
       }
-      if (high !== maximumValue.value) {
-        maximumValue.value = high;
-        ctx.emit('update:maxValue', high);
+      if (newMax !== oldMax) {
+        if (newMax != null) {
+          maximumValue.value = Math.max(Math.min(Number(newMax), props.max), minimumValue.value);
+        }
       }
     }, {
       immediate: true
@@ -87,32 +81,12 @@ var script = defineComponent({
     var clippingPoint = computed(function () {
       return maxPercentage.value - minPercentage.value >= 3;
     });
-    var onChangeMinInput = function onChangeMinInput(event) {
-      var minInput = event.target;
-      var value = minInput.valueAsNumber;
-      var maxInput = maximumValue.value;
-      var clamped = Math.min(Math.max(value, props.min), maxInput);
-      minimumValue.value = clamped;
-      minInput.value = String(clamped);
-      ctx.emit('update:minValue', clamped);
-    };
-    var onChangeMaxInput = function onChangeMaxInput(event) {
-      var maxInput = event.target;
-      var value = maxInput.valueAsNumber;
-      var minInput = minimumValue.value;
-      var clamped = Math.max(Math.min(value, props.max), minInput);
-      maximumValue.value = clamped;
-      maxInput.value = String(clamped);
-      ctx.emit('update:maxValue', clamped);
-    };
     return {
       minimumValue: minimumValue,
       maximumValue: maximumValue,
       minPercentage: minPercentage,
       maxPercentage: maxPercentage,
-      clippingPoint: clippingPoint,
-      onChangeMinInput: onChangeMinInput,
-      onChangeMaxInput: onChangeMaxInput
+      clippingPoint: clippingPoint
     };
   }
 });
@@ -121,59 +95,61 @@ var _hoisted_1 = {
   ref: "slider",
   "class": "relative py-3"
 };
-var _hoisted_2 = ["min", "max", "value", "step"];
-var _hoisted_3 = ["min", "max", "value", "step"];
+var _hoisted_2 = ["min", "max", "step"];
+var _hoisted_3 = ["min", "max", "step"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("p", {
-    "class": "absolute -top-6 -translate-x-1/2 text-base text-primary font-semibold",
+    "class": "absolute -top-6 -translate-x-1/2 text-base text-[var(--colorButtonPrimary)] font-semibold",
     style: normalizeStyle({
       left: "".concat(_ctx.minPercentage, "%")
     })
   }, toDisplayString(_ctx.minimumValue) + "% ", 5), createElementVNode("p", {
-    "class": normalizeClass(["absolute -top-6 -translate-x-1/2 text-base text-primary font-semibold", [_ctx.maxPercentage - _ctx.minPercentage < 6 ? '-top-10' : '']]),
+    "class": "absolute -top-6 -translate-x-1/2 text-base text-[var(--colorButtonPrimary)] font-semibold",
     style: normalizeStyle({
       left: "".concat(_ctx.maxPercentage, "%")
     })
-  }, toDisplayString(_ctx.maximumValue) + "% ", 7), createElementVNode("div", {
-    "class": "h-1.5 rounded-full bg-grey-base-light",
+  }, toDisplayString(_ctx.maximumValue) + "% ", 5), createElementVNode("div", {
+    "class": "h-1.5 rounded-full bg-grey-base-light [--fill:var(--colorButtonPrimary)]",
     style: normalizeStyle({
-      background: "linear-gradient(to right,\n          var(--track, #e5e7eb) 0%,\n          var(--track, #e5e7eb) ".concat(_ctx.minPercentage, "%,\n          var(--fill, #6923FF) ").concat(_ctx.minPercentage, "%,\n          var(--fill, #6923FF) ").concat(_ctx.maxPercentage, "%,\n          var(--track, #e5e7eb) ").concat(_ctx.maxPercentage, "%,\n          var(--track, #e5e7eb) 100%)")
+      background: "linear-gradient(to right,\n          var(--track, #e5e7eb) 0%,\n          var(--track, #e5e7eb) ".concat(_ctx.minPercentage, "%,\n          var(--fill) ").concat(_ctx.minPercentage, "%,\n          var(--fill) ").concat(_ctx.maxPercentage, "%,\n          var(--track, #e5e7eb) ").concat(_ctx.maxPercentage, "%,\n          var(--track, #e5e7eb) 100%)")
     })
-  }, null, 4), createElementVNode("input", {
+  }, null, 4), withDirectives(createElementVNode("input", {
     "class": "fw-slider absolute inset-0 w-full appearance-none bg-transparent pointer-events-none focus:outline-none",
     type: "range",
     name: "min",
     id: "min",
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
+      return _ctx.minimumValue = $event;
+    }),
     min: _ctx.min,
     max: _ctx.max,
-    value: _ctx.minimumValue,
     step: _ctx.step,
-    onInput: _cache[0] || (_cache[0] = function ($event) {
-      return _ctx.onChangeMinInput($event);
-    }),
     style: normalizeStyle({
       zIndex: _ctx.clippingPoint ? 20 : 30
     })
-  }, null, 44, _hoisted_2), createElementVNode("input", {
+  }, null, 12, _hoisted_2), [[vModelText, _ctx.minimumValue, void 0, {
+    number: true
+  }]]), withDirectives(createElementVNode("input", {
     "class": "fw-slider absolute inset-0 w-full appearance-none bg-transparent pointer-events-none focus:outline-none",
     type: "range",
     name: "max",
     id: "max",
     min: _ctx.min,
     max: _ctx.max,
-    value: _ctx.maximumValue,
-    step: _ctx.step,
-    onInput: _cache[1] || (_cache[1] = function ($event) {
-      return _ctx.onChangeMaxInput($event);
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
+      return _ctx.maximumValue = $event;
     }),
+    step: _ctx.step,
     style: normalizeStyle({
       zIndex: _ctx.clippingPoint ? 30 : 20
     })
-  }, null, 44, _hoisted_3)], 512);
+  }, null, 12, _hoisted_3), [[vModelText, _ctx.maximumValue, void 0, {
+    number: true
+  }]])], 512);
 }
 
-var css_248z = ".fw-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6923ff;border:2px solid #6923ff;border-radius:9999px;-webkit-box-shadow:var(--tw-shadow);box-shadow:var(--tw-shadow);cursor:pointer;height:18px;pointer-events:auto;width:18px}.fw-slider::-moz-range-thumb{background:#6923ff;border:2px solid #6923ff;border-radius:9999px;box-shadow:var(--tw-shadow);cursor:pointer;height:18px;pointer-events:auto;width:18px}";
-var stylesheet = ".fw-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6923ff;border:2px solid #6923ff;border-radius:9999px;-webkit-box-shadow:var(--tw-shadow);box-shadow:var(--tw-shadow);cursor:pointer;height:18px;pointer-events:auto;width:18px}.fw-slider::-moz-range-thumb{background:#6923ff;border:2px solid #6923ff;border-radius:9999px;box-shadow:var(--tw-shadow);cursor:pointer;height:18px;pointer-events:auto;width:18px}";
+var css_248z = ".fw-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--colorButtonPrimary);border:2px solid var(--colorButtonPrimary);border-radius:9999px;-webkit-box-shadow:var(--tw-shadow);box-shadow:var(--tw-shadow);cursor:pointer;height:1.5rem;pointer-events:auto;width:1.5rem}.fw-slider::-moz-range-thumb{background:var(--colorButtonPrimary);border:2px solid var(--colorButtonPrimary);border-radius:9999px;box-shadow:var(--tw-shadow);cursor:pointer;height:1.5rem;pointer-events:auto;width:1.5rem}";
+var stylesheet = ".fw-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--colorButtonPrimary);border:2px solid var(--colorButtonPrimary);border-radius:9999px;-webkit-box-shadow:var(--tw-shadow);box-shadow:var(--tw-shadow);cursor:pointer;height:1.5rem;pointer-events:auto;width:1.5rem}.fw-slider::-moz-range-thumb{background:var(--colorButtonPrimary);border:2px solid var(--colorButtonPrimary);border-radius:9999px;box-shadow:var(--tw-shadow);cursor:pointer;height:1.5rem;pointer-events:auto;width:1.5rem}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/{fw-table-row-BlpxQ10C.js → fw-table-row-xGa-LxFg.js}

@@ -1,8 +1,8 @@
-import { m as render$3, n as render$4, o as render$5, l as render$6 } from './index-BjXtr7CR.js';
+import { m as render$3, n as render$4, o as render$5, l as render$6 } from './index-Bohaw8xf.js';
 import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, renderSlot, createCommentVNode, Fragment, renderList, normalizeClass, withKeys, toDisplayString, createBlock, createVNode, withCtx } from 'vue';
 import { u as useColours } from './get-root-colours-DYEoJPEb.js';
 import { s as script$2 } from './fw-loading-bar-DThRjdw1.js';
-import { s as script$3 } from './fw-button-BhZXMN8a.js';
+import { s as script$3 } from './fw-button-ROl6WHys.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({
@@ -94,10 +94,17 @@ var __default__ = defineComponent({
         return props.items;
       }
       var data = props.items;
-      data.sort(function (a, b) {
-        var sortVal = typeof a[sortBy.value] === 'string' ? a[sortBy.value].toString().toLowerCase() > b[sortBy.value].toString().toLowerCase() ? 1 : -1 : a[sortBy.value] > b[sortBy.value] ? 1 : -1;
-        return sortDirection.value === 'asc' ? sortVal : -sortVal;
-      });
+      if (props.options) {
+        var customSort = props.options[sortBy.value].sort;
+        if (customSort) {
+          return customSort(data, sortBy.value, sortDirection.value);
+        }
+      } else {
+        data.sort(function (a, b) {
+          var sortVal = typeof a[sortBy.value] === 'string' ? a[sortBy.value].toString().toLowerCase() > b[sortBy.value].toString().toLowerCase() ? 1 : -1 : a[sortBy.value] > b[sortBy.value] ? 1 : -1;
+          return sortDirection.value === 'asc' ? sortVal : -sortVal;
+        });
+      }
       return data;
     });
     var formattedText = function formattedText(row, column) {
@@ -176,7 +183,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "59fbcffe": _ctx.bgHoverColor
+      "7a48f11c": _ctx.bgHoverColor
     };
   });
 };
@@ -187,7 +194,7 @@ __default__.setup = __setup__ ? function (props, ctx) {
 } : __injectCSSVars__;
 
 var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-a1dc6c66"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-1a900878"), n = n(), popScopeId(), n;
 };
 var _hoisted_1$2 = {
   "class": "flex flex-col"
@@ -337,12 +344,12 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["disabled"])])) : createCommentVNode("", true)]);
 }
 
-var css_248z = ".fw-table-head--sortable[data-v-a1dc6c66]:hover{background-color:var(--59fbcffe)}.fw-table-row[data-v-a1dc6c66]:hover{background-color:var(--59fbcffe)}";
-var stylesheet = ".fw-table-head--sortable[data-v-a1dc6c66]:hover{background-color:var(--59fbcffe)}.fw-table-row[data-v-a1dc6c66]:hover{background-color:var(--59fbcffe)}";
+var css_248z = ".fw-table-head--sortable[data-v-1a900878]:hover{background-color:var(--7a48f11c)}.fw-table-row[data-v-1a900878]:hover{background-color:var(--7a48f11c)}";
+var stylesheet = ".fw-table-head--sortable[data-v-1a900878]:hover{background-color:var(--7a48f11c)}.fw-table-row[data-v-1a900878]:hover{background-color:var(--7a48f11c)}";
 styleInject(css_248z);
 
 __default__.render = render$2;
-__default__.__scopeId = "data-v-a1dc6c66";
+__default__.__scopeId = "data-v-1a900878";
 
 var script$1 = defineComponent({
   name: 'FwTableHead'

package/esm/fw-table.js

@@ -1,9 +1,9 @@
-export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-BlpxQ10C.js';
-import './index-BjXtr7CR.js';
+export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-xGa-LxFg.js';
+import './index-Bohaw8xf.js';
 import 'vue';
 import './check--YD4Ts6g.js';
 import './get-root-colours-DYEoJPEb.js';
 import './fw-loading-bar-DThRjdw1.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './fw-button-BhZXMN8a.js';
-import './fw-loading-spinner-CFFbujSq.js';
+import './fw-button-ROl6WHys.js';
+import './fw-loading-spinner-D6LtqOl7.js';

package/esm/{fw-tag-DgsnsY7O.js → fw-tag-BmPSSwWP.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createBlock, withCtx, createVNode } from 'vue';
 import './fw-button.js';
-import { b as render$1 } from './index-BjXtr7CR.js';
+import { b as render$1 } from './index-Bohaw8xf.js';
 import { u as useColours } from './get-root-colours-DYEoJPEb.js';
-import { s as script } from './fw-button-BhZXMN8a.js';
+import { s as script } from './fw-button-ROl6WHys.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({

package/esm/fw-tag.js

@@ -1,9 +1,9 @@
-export { _ as FwTag } from './fw-tag-DgsnsY7O.js';
+export { _ as FwTag } from './fw-tag-BmPSSwWP.js';
 import 'vue';
 import './fw-button.js';
-import './fw-button-BhZXMN8a.js';
-import './fw-loading-spinner-CFFbujSq.js';
-import './index-BjXtr7CR.js';
+import './fw-button-ROl6WHys.js';
+import './fw-loading-spinner-D6LtqOl7.js';
+import './index-Bohaw8xf.js';
 import './check--YD4Ts6g.js';
 import './style-inject.es-tgCJW-Cu.js';
 import './get-root-colours-DYEoJPEb.js';

package/esm/fw-toast.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, renderSlot } from 'vue';
 import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
-import { i as render$1, j as render$2, p as render$3 } from './index-BjXtr7CR.js';
+import { i as render$1, j as render$2, p as render$3 } from './index-Bohaw8xf.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './check--YD4Ts6g.js';
 

package/esm/fw-transactions-card.js

@@ -1,9 +1,9 @@
 import { defineComponent, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
 import { s as script$1 } from './fw-card-bsYbpPmW.js';
-import { s as script$2 } from './fw-image-6o3ZOSCW.js';
+import { s as script$2 } from './fw-image-DAJmf7z4.js';
 import './fw-loading-bar-DThRjdw1.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './index-BjXtr7CR.js';
+import './index-Bohaw8xf.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({