@frollo/frollo-web-ui 9.0.1 → 9.0.3

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 { u as uniqueId } from './uniqueId-DZdGzBh8.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';
-import { u as useColours } from './get-root-colours-DCjlYelc.js';
-import { u as useField } from './vee-validate.esm-3ptvCDR1.js';
-import { c as render$1 } from './index-BsEH8YYr.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-DHyRsKsZ.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;
@@ -8271,7 +8271,11 @@ var css_248z$1 = ".vc-popover-content-wrapper{--popover-horizontal-content-offse
 var stylesheet$1=".vc-popover-content-wrapper{--popover-horizontal-content-offset:8px;--popover-vertical-content-offset:10px;--popover-caret-horizontal-offset:18px;--popover-caret-vertical-offset:8px;display:block;outline:none;position:absolute;z-index:10}.vc-popover-content-wrapper:not(.is-interactive){pointer-events:none}.vc-popover-content{background-color:var(--vc-popover-content-bg);border:1px solid;border-color:var(--vc-popover-content-border);border-radius:var(--vc-rounded-lg);-webkit-box-shadow:var(--vc-shadow-lg);box-shadow:var(--vc-shadow-lg);color:var(--vc-popover-content-color);font-weight:var(--vc-font-medium);outline:none;padding:4px;position:relative;z-index:10}.vc-popover-content.direction-bottom{margin-top:var(--popover-vertical-content-offset)}.vc-popover-content.direction-top{margin-bottom:var(--popover-vertical-content-offset)}.vc-popover-content.direction-left{margin-right:var(--popover-horizontal-content-offset)}.vc-popover-content.direction-right{margin-left:var(--popover-horizontal-content-offset)}.vc-popover-caret{background-color:inherit;border-left:inherit;border-top:inherit;content:\"\";display:block;height:12px;position:absolute;width:12px;z-index:-1}.vc-popover-caret.direction-bottom{top:0}.vc-popover-caret.direction-bottom.align-left{-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.vc-popover-caret.direction-bottom.align-center{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}.vc-popover-caret.direction-bottom.align-right{-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.vc-popover-caret.direction-top{top:100%}.vc-popover-caret.direction-top.align-left{-webkit-transform:translateY(-50%) rotate(-135deg);-moz-transform:translateY(-50%) rotate(-135deg);-ms-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.vc-popover-caret.direction-top.align-center{-webkit-transform:translateX(-50%) translateY(-50%) rotate(-135deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(-135deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-135deg);transform:translateX(-50%) translateY(-50%) rotate(-135deg)}.vc-popover-caret.direction-top.align-right{-webkit-transform:translateY(-50%) rotate(-135deg);-moz-transform:translateY(-50%) rotate(-135deg);-ms-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.vc-popover-caret.direction-left{left:100%}.vc-popover-caret.direction-left.align-top{-webkit-transform:translateX(-50%) rotate(135deg);-moz-transform:translateX(-50%) rotate(135deg);-ms-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.vc-popover-caret.direction-left.align-middle{-webkit-transform:translateY(-50%) translateX(-50%) rotate(135deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(135deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(135deg);transform:translateY(-50%) translateX(-50%) rotate(135deg)}.vc-popover-caret.direction-left.align-bottom{-webkit-transform:translateX(-50%) rotate(135deg);-moz-transform:translateX(-50%) rotate(135deg);-ms-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.vc-popover-caret.direction-right{left:0}.vc-popover-caret.direction-right.align-top{-webkit-transform:translateX(-50%) rotate(-45deg);-moz-transform:translateX(-50%) rotate(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}.vc-popover-caret.direction-right.align-middle{-webkit-transform:translateY(-50%) translateX(-50%) rotate(-45deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(-45deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(-45deg);transform:translateY(-50%) translateX(-50%) rotate(-45deg)}.vc-popover-caret.direction-right.align-bottom{-webkit-transform:translateX(-50%) rotate(-45deg);-moz-transform:translateX(-50%) rotate(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}.vc-popover-caret.align-left{left:var(--popover-caret-horizontal-offset)}.vc-popover-caret.align-center{left:50%}.vc-popover-caret.align-right{right:var(--popover-caret-horizontal-offset)}.vc-popover-caret.align-top{top:var(--popover-caret-vertical-offset)}.vc-popover-caret.align-middle{top:50%}.vc-popover-caret.align-bottom{bottom:var(--popover-caret-vertical-offset)}.vc-day-popover-row{-webkit-transition:var(--vc-day-content-transition);-moz-transition:var(--vc-day-content-transition);transition:var(--vc-day-content-transition)}.vc-day-popover-row,.vc-day-popover-row-indicator{-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex}.vc-day-popover-row-indicator{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-positive:0;-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-justify-content:center;justify-content:center;width:15px}.vc-day-popover-row-indicator span{-webkit-transition:var(--vc-day-content-transition);-moz-transition:var(--vc-day-content-transition);transition:var(--vc-day-content-transition)}.vc-day-popover-row-label{-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-positive:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-wrap:none;-ms-flex-wrap:none;flex-wrap:none;font-size:var(--vc-text-xs);line-height:var(--vc-leading-normal);margin-left:4px;margin-right:4px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.vc-day-popover-row-highlight{border-radius:3px;height:5px;width:8px}.vc-day-popover-row-bar{height:3px;width:10px}.vc-base-icon{stroke:currentColor;stroke-width:2;fill:none;display:inline-block}.vc-header{grid-gap:4px;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:grid;height:30px;margin-top:10px;padding-left:10px;padding-right:10px}.vc-header.is-lg{font-size:var(--vc-text-lg)}.vc-header.is-xl{font-size:var(--vc-text-xl)}.vc-header.is-2xl{font-size:var(--vc-text-2xl)}.vc-header .vc-title-wrapper{grid-column:title;grid-row:1}.vc-header .vc-prev{grid-column:prev;grid-row:1}.vc-header .vc-next{grid-column:next;grid-row:1}.vc-header .vc-next,.vc-header .vc-prev,.vc-header .vc-title{-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;border:0;border-radius:var(--vc-rounded);cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;pointer-events:auto;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.vc-header .vc-title{color:var(--vc-header-title-color);font-weight:var(--vc-font-semibold);line-height:30px;margin:0;padding:0 8px;white-space:nowrap}.vc-header .vc-title:hover{opacity:.75}.vc-header .vc-arrow{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;color:var(--vc-header-arrow-color);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;height:30px;-webkit-justify-content:center;justify-content:center;margin:0;padding:0;width:28px}.vc-header .vc-arrow:hover{background:var(--vc-header-arrow-hover-bg)}.vc-header .vc-arrow:disabled{opacity:.25;pointer-events:none}.vc-nav-header{-ms-flex-pack:justify;-webkit-box-pack:justify;-moz-box-pack:justify;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.vc-nav-arrow,.vc-nav-item,.vc-nav-title{border:0;border-radius:var(--vc-rounded);cursor:pointer;font-size:var(--vc-text-sm);margin:0;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.vc-nav-arrow:hover,.vc-nav-item:hover,.vc-nav-title:hover{background-color:var(--vc-nav-hover-bg)}.vc-nav-arrow:disabled,.vc-nav-item:disabled,.vc-nav-title:disabled{opacity:.25;pointer-events:none}.vc-nav-title{color:var(--vc-nav-title-color);font-weight:var(--vc-font-bold);height:30px;line-height:var(--vc-leading-snug);padding:0 6px}.vc-nav-arrow{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;color:var(--vc-header-arrow-color);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;height:30px;-webkit-justify-content:center;justify-content:center;padding:0;width:26px}.vc-nav-items{grid-row-gap:2px;grid-column-gap:5px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:2px}.vc-nav-item{font-weight:var(--vc-font-semibold);line-height:var(--vc-leading-snug);padding:6px 0;text-align:center;width:48px}.vc-nav-item.is-active{background-color:var(--vc-nav-item-active-bg);color:var(--vc-nav-item-active-color);font-weight:var(--vc-font-bold)}.vc-nav-item.is-active:not(:focus){-webkit-box-shadow:var(--vc-nav-item-active-box-shadow);box-shadow:var(--vc-nav-item-active-box-shadow)}.vc-nav-item.is-current{color:var(--vc-nav-item-current-color)}.vc-day{min-height:32px;position:relative;z-index:1}.vc-monthly .is-not-in-month *{opacity:0;pointer-events:none}.vc-day-layer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.vc-day-box-center-center{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.vc-day-box-center-center,.vc-day-box-left-center{-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex}.vc-day-box-left-center{-ms-flex-pack:start;-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.vc-day-box-right-center{-ms-flex-pack:end;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.vc-day-box-center-bottom{-ms-flex-align:end;-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.vc-day-box-center-bottom,.vc-day-content{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;-webkit-justify-content:center;justify-content:center}.vc-day-content{-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;border-radius:var(--vc-rounded-full);cursor:pointer;font-size:var(--vc-text-sm);font-weight:var(--vc-font-medium);height:28px;line-height:28px;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;width:28px}.vc-day-content:hover{background-color:var(--vc-day-content-hover-bg)}.vc-day-content.vc-disabled{color:var(--vc-day-content-disabled-color)}.vc-content:not(.vc-base){color:var(--vc-content-color);font-weight:var(--vc-font-bold)}.vc-highlights{overflow:hidden;pointer-events:none;z-index:-1}.vc-highlight{height:28px;width:28px}.vc-highlight.vc-highlight-base-start{border-radius:0!important;border-right-width:0!important;width:50%!important}.vc-highlight.vc-highlight-base-end{border-left-width:0!important;border-radius:0!important;width:50%!important}.vc-highlight.vc-highlight-base-middle{border-left-width:0!important;border-radius:0!important;border-right-width:0!important;margin:0 -1px;width:100%}.vc-highlight-bg-none,.vc-highlight-bg-outline{background-color:var(--vc-highlight-outline-bg);border:2px solid;border-color:var(--vc-highlight-outline-border);border-radius:var(--vc-rounded-full)}.vc-highlight-bg-light{background-color:var(--vc-highlight-light-bg);border-radius:var(--vc-rounded-full)}.vc-highlight-bg-solid{background-color:var(--vc-highlight-solid-bg);border-radius:var(--vc-rounded-full)}.vc-highlight-content-none,.vc-highlight-content-outline{color:var(--vc-highlight-outline-content-color);font-weight:var(--vc-font-bold)}.vc-highlight-content-light{color:var(--vc-highlight-light-content-color);font-weight:var(--vc-font-bold)}.vc-highlight-content-solid{color:var(--vc-highlight-solid-content-color);font-weight:var(--vc-font-bold)}.vc-dots{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;-webkit-justify-content:center;justify-content:center}.vc-dot{border-radius:9999px;height:5px;-webkit-transition:var(--vc-day-content-transition);-moz-transition:var(--vc-day-content-transition);transition:var(--vc-day-content-transition);width:5px}.vc-dot:not(:last-child){margin-right:3px}.vc-bars{-ms-flex-pack:start;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;width:75%}.vc-bar{-ms-flex-positive:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex-grow:1;flex-grow:1;height:3px;-webkit-transition:var(--vc-day-content-transition);-moz-transition:var(--vc-day-content-transition);transition:var(--vc-day-content-transition)}.vc-dot{background-color:var(--vc-dot-bg)}.vc-bar{background-color:var(--vc-bar-bg)}.vc-pane{min-width:250px}.vc-weeknumber{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;-webkit-justify-content:center;justify-content:center;position:absolute}.vc-weeknumber.is-left{left:-webkit-calc(var(--vc-weeknumber-offset-inside)*-1);left:-moz-calc(var(--vc-weeknumber-offset-inside)*-1);left:calc(var(--vc-weeknumber-offset-inside)*-1)}.vc-weeknumber.is-right{right:-webkit-calc(var(--vc-weeknumber-offset-inside)*-1);right:-moz-calc(var(--vc-weeknumber-offset-inside)*-1);right:calc(var(--vc-weeknumber-offset-inside)*-1)}.vc-weeknumber.is-left-outside{left:-webkit-calc(var(--vc-weeknumber-offset-outside)*-1);left:-moz-calc(var(--vc-weeknumber-offset-outside)*-1);left:calc(var(--vc-weeknumber-offset-outside)*-1)}.vc-weeknumber.is-right-outside{right:-webkit-calc(var(--vc-weeknumber-offset-outside)*-1);right:-moz-calc(var(--vc-weeknumber-offset-outside)*-1);right:calc(var(--vc-weeknumber-offset-outside)*-1)}.vc-weeknumber-content{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;color:var(--vc-weeknumber-color);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;font-size:var(--vc-text-xs);font-style:italic;font-weight:var(--vc-font-medium);height:28px;-webkit-justify-content:center;justify-content:center;margin-top:2px;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;width:28px}.vc-weeks{-webkit-overflow-scrolling:touch;min-width:232px;padding:6px;position:relative}.vc-weeks.vc-show-weeknumbers-left{margin-left:var(--vc-weeknumber-offset-inside)}.vc-weeks.vc-show-weeknumbers-right{margin-right:var(--vc-weeknumber-offset-inside)}.vc-weekday{color:var(--vc-weekday-color);cursor:default;font-size:var(--vc-text-sm);font-weight:var(--vc-font-bold);line-height:14px;padding-bottom:8px;padding-top:4px;text-align:center;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.vc-week,.vc-weekdays{display:grid;grid-template-columns:repeat(7,1fr);position:relative}.vc-pane-container{position:relative;width:100%}.vc-pane-container.in-transition{overflow:hidden}.vc-pane-layout{display:grid}.vc-pane-header-wrapper{pointer-events:none;position:absolute;top:0;width:100%}.vc-day-popover-container{font-size:var(--vc-text-xs);font-weight:var(--vc-font-medium)}.vc-day-popover-header{color:var(--vc-day-popover-header-color);font-size:var(--vc-text-xs);font-weight:var(--vc-font-semibold);text-align:center}.vc-base-select{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;font-size:var(--vc-text-base);font-weight:var(--vc-font-medium);height:30px;-webkit-justify-content:center;justify-content:center;position:relative}.vc-base-select.vc-has-icon select{padding:0 27px 0 9px}.vc-base-select.vc-has-icon .vc-base-sizer{padding:0 28px 0 10px}.vc-base-select.vc-fit-content select{left:0;position:absolute;top:0;width:100%}.vc-base-select .vc-base-icon{opacity:.6;pointer-events:none;position:absolute;right:4px;top:6px}.vc-base-select .vc-base-sizer{color:transparent;font-size:var(--vc-text-base);font-weight:var(--vc-font-medium);margin:0;padding:0 8px}.vc-base-select select{-ms-flex-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--vc-select-bg);background-image:none;border-radius:var(--vc-rounded);color:var(--vc-select-color);cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-box;display:-moz-inline-box;display:inline-flex;display:block;height:30px;-webkit-justify-content:center;justify-content:center;line-height:var(--leading-none);margin:0;padding:0 7px;text-align:center;text-indent:0;width:-webkit-max-content;width:-moz-max-content;width:max-content}.vc-base-select select:hover{background-color:var(--vc-select-hover-bg)}.vc-base-select select.vc-align-left{text-align:left}.vc-base-select select.vc-align-right{text-align:right}.vc-time-picker{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:8px 4px}.vc-time-picker.vc-invalid{opacity:.5;pointer-events:none}.vc-time-picker.vc-attached{border-top:1px solid var(--vc-time-picker-border)}.vc-time-picker>*+*{margin-top:4px}.vc-time-header{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:flex;font-size:var(--vc-text-sm);font-weight:var(--vc-font-semibold);line-height:21px;margin-top:-4px;padding-left:4px;padding-right:4px;text-transform:uppercase}.vc-time-header,.vc-time-select-group{-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.vc-time-select-group{background:var(--vc-time-select-group-bg);border:1px solid var(--vc-time-select-group-border);border-radius:var(--vc-rounded-md);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-box;display:-moz-inline-box;display:inline-flex;padding:0 4px}.vc-time-select-group .vc-base-icon{color:var(--vc-time-select-group-icon-color);margin-right:4px}.vc-time-select-group select{background:transparent;padding:0 4px}.vc-time-weekday{color:var(--vc-time-weekday-color);letter-spacing:var(--tracking-wide)}.vc-time-month{color:var(--vc-time-month-color);margin-left:8px}.vc-time-day{color:var(--vc-time-day-color);margin-left:4px}.vc-time-year{color:var(--vc-time-year-color);margin-left:8px}.vc-time-colon{margin:0 1px 2px 2px}.vc-time-decimal{margin:0 0 0 1px}.vc-none-enter-active,.vc-none-leave-active{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.vc-fade-enter-active,.vc-fade-leave-active,.vc-slide-down-enter-active,.vc-slide-down-leave-active,.vc-slide-fade-enter-active,.vc-slide-fade-leave-active,.vc-slide-left-enter-active,.vc-slide-left-leave-active,.vc-slide-right-enter-active,.vc-slide-right-leave-active,.vc-slide-up-enter-active,.vc-slide-up-leave-active{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;transition:opacity var(--vc-slide-duration) var(--vc-slide-timing),-webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);-webkit-transition:opacity var(--vc-slide-duration) var(--vc-slide-timing),-webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);-moz-transition:transform var(--vc-slide-duration) var(--vc-slide-timing),opacity var(--vc-slide-duration) var(--vc-slide-timing),-moz-transform var(--vc-slide-duration) var(--vc-slide-timing);transition:transform var(--vc-slide-duration) var(--vc-slide-timing),opacity var(--vc-slide-duration) var(--vc-slide-timing);transition:transform var(--vc-slide-duration) var(--vc-slide-timing),opacity var(--vc-slide-duration) var(--vc-slide-timing),-webkit-transform var(--vc-slide-duration) var(--vc-slide-timing),-moz-transform var(--vc-slide-duration) var(--vc-slide-timing);transition:transform var(--vc-slide-duration) var(--vc-slide-timing),opacity var(--vc-slide-duration) var(--vc-slide-timing),-webkit-transform var(--vc-slide-duration) var(--vc-slide-timing)}.vc-fade-leave-active,.vc-none-leave-active,.vc-slide-down-leave-active,.vc-slide-left-leave-active,.vc-slide-right-leave-active,.vc-slide-up-leave-active{position:absolute!important;width:100%}.vc-fade-enter-from,.vc-fade-leave-to,.vc-none-enter-from,.vc-none-leave-to,.vc-slide-down-enter-from,.vc-slide-down-leave-to,.vc-slide-fade-enter-from,.vc-slide-fade-leave-to,.vc-slide-left-enter-from,.vc-slide-left-leave-to,.vc-slide-right-enter-from,.vc-slide-right-leave-to,.vc-slide-up-enter-from,.vc-slide-up-leave-to{opacity:0}.vc-slide-fade-enter-from.direction-left,.vc-slide-fade-leave-to.direction-left,.vc-slide-left-enter-from,.vc-slide-right-leave-to{-webkit-transform:translateX(var(--vc-slide-translate));-moz-transform:translateX(var(--vc-slide-translate));-ms-transform:translateX(var(--vc-slide-translate));transform:translateX(var(--vc-slide-translate))}.vc-slide-fade-enter-from.direction-right,.vc-slide-fade-leave-to.direction-right,.vc-slide-left-leave-to,.vc-slide-right-enter-from{-webkit-transform:translateX(-webkit-calc(var(--vc-slide-translate)*-1));-moz-transform:translateX(-moz-calc(var(--vc-slide-translate)*-1));-ms-transform:translateX(calc(var(--vc-slide-translate)*-1));transform:translateX(calc(var(--vc-slide-translate)*-1))}.vc-slide-down-leave-to,.vc-slide-fade-enter-from.direction-top,.vc-slide-fade-leave-to.direction-top,.vc-slide-up-enter-from{-webkit-transform:translateY(var(--vc-slide-translate));-moz-transform:translateY(var(--vc-slide-translate));-ms-transform:translateY(var(--vc-slide-translate));transform:translateY(var(--vc-slide-translate))}.vc-slide-down-enter-from,.vc-slide-fade-enter-from.direction-bottom,.vc-slide-fade-leave-to.direction-bottom,.vc-slide-up-leave-to{-webkit-transform:translateY(-webkit-calc(var(--vc-slide-translate)*-1));-moz-transform:translateY(-moz-calc(var(--vc-slide-translate)*-1));-ms-transform:translateY(calc(var(--vc-slide-translate)*-1));transform:translateY(calc(var(--vc-slide-translate)*-1))}:root{--vc-white:#fff;--vc-black:#000;--vc-gray-50:#f8fafc;--vc-gray-100:#f1f5f9;--vc-gray-200:#e2e8f0;--vc-gray-300:#cbd5e1;--vc-gray-400:#94a3b8;--vc-gray-500:#64748b;--vc-gray-600:#475569;--vc-gray-700:#334155;--vc-gray-800:#1e293b;--vc-gray-900:#0f172a;--vc-font-family:BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",\"Helvetica\",\"Arial\",sans-serif;--vc-font-normal:400;--vc-font-medium:500;--vc-font-semibold:600;--vc-font-bold:700;--vc-text-2xs:10px;--vc-text-xs:12px;--vc-text-sm:14px;--vc-text-base:16px;--vc-text-lg:18px;--vc-text-xl:20px;--vc-text-2xl:24px;--vc-leading-none:1;--vc-leading-tight:1.25;--vc-leading-snug:1.375;--vc-leading-normal:1.5;--vc-rounded:0.25rem;--vc-rounded-md:0.375rem;--vc-rounded-lg:0.5rem;--vc-rounded-full:9999px;--vc-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--vc-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--vc-shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--vc-slide-translate:22px;--vc-slide-duration:0.15s;--vc-slide-timing:ease;--vc-day-content-transition:all 0.13s ease-in;--vc-weeknumber-offset-inside:26px;--vc-weeknumber-offset-outside:34px}.vc-gray{--vc-accent-50:var(--vc-gray-50);--vc-accent-100:var(--vc-gray-100);--vc-accent-200:var(--vc-gray-200);--vc-accent-300:var(--vc-gray-300);--vc-accent-400:var(--vc-gray-400);--vc-accent-500:var(--vc-gray-500);--vc-accent-600:var(--vc-gray-600);--vc-accent-700:var(--vc-gray-700);--vc-accent-800:var(--vc-gray-800);--vc-accent-900:var(--vc-gray-900)}.vc-red{--vc-accent-50:#fef2f2;--vc-accent-100:#fee2e2;--vc-accent-200:#fecaca;--vc-accent-300:#fca5a5;--vc-accent-400:#f87171;--vc-accent-500:#ef4444;--vc-accent-600:#dc2626;--vc-accent-700:#b91c1c;--vc-accent-800:#991b1b;--vc-accent-900:#7f1d1d}.vc-orange{--vc-accent-50:#fff7ed;--vc-accent-100:#ffedd5;--vc-accent-200:#fed7aa;--vc-accent-300:#fdba74;--vc-accent-400:#fb923c;--vc-accent-500:#f97316;--vc-accent-600:#ea580c;--vc-accent-700:#c2410c;--vc-accent-800:#9a3412;--vc-accent-900:#7c2d12}.vc-yellow{--vc-accent-50:#fefce8;--vc-accent-100:#fef9c3;--vc-accent-200:#fef08a;--vc-accent-300:#fde047;--vc-accent-400:#facc15;--vc-accent-500:#eab308;--vc-accent-600:#ca8a04;--vc-accent-700:#a16207;--vc-accent-800:#854d0e;--vc-accent-900:#713f12}.vc-green{--vc-accent-50:#f0fdf4;--vc-accent-100:#dcfce7;--vc-accent-200:#bbf7d0;--vc-accent-300:#86efac;--vc-accent-400:#4ade80;--vc-accent-500:#22c55e;--vc-accent-600:#16a34a;--vc-accent-700:#15803d;--vc-accent-800:#166534;--vc-accent-900:#14532d}.vc-teal{--vc-accent-50:#f0fdfa;--vc-accent-100:#ccfbf1;--vc-accent-200:#99f6e4;--vc-accent-300:#5eead4;--vc-accent-400:#2dd4bf;--vc-accent-500:#14b8a6;--vc-accent-600:#0d9488;--vc-accent-700:#0f766e;--vc-accent-800:#115e59;--vc-accent-900:#134e4a}.vc-blue{--vc-accent-50:#eff6ff;--vc-accent-100:#dbeafe;--vc-accent-200:#bfdbfe;--vc-accent-300:#93c5fd;--vc-accent-400:#60a5fa;--vc-accent-500:#3b82f6;--vc-accent-600:#2563eb;--vc-accent-700:#1d4ed8;--vc-accent-800:#1e40af;--vc-accent-900:#1e3a8a}.vc-indigo{--vc-accent-50:#eef2ff;--vc-accent-100:#e0e7ff;--vc-accent-200:#c7d2fe;--vc-accent-300:#a5b4fc;--vc-accent-400:#818cf8;--vc-accent-500:#6366f1;--vc-accent-600:#4f46e5;--vc-accent-700:#4338ca;--vc-accent-800:#3730a3;--vc-accent-900:#312e81}.vc-purple{--vc-accent-50:#faf5ff;--vc-accent-100:#f3e8ff;--vc-accent-200:#e9d5ff;--vc-accent-300:#d8b4fe;--vc-accent-400:#c084fc;--vc-accent-500:#a855f7;--vc-accent-600:#9333ea;--vc-accent-700:#7e22ce;--vc-accent-800:#6b21a8;--vc-accent-900:#581c87}.vc-pink{--vc-accent-50:#fdf2f8;--vc-accent-100:#fce7f3;--vc-accent-200:#fbcfe8;--vc-accent-300:#f9a8d4;--vc-accent-400:#f472b6;--vc-accent-500:#ec4899;--vc-accent-600:#db2777;--vc-accent-700:#be185d;--vc-accent-800:#9d174d;--vc-accent-900:#831843}.vc-focus:focus-within{-webkit-box-shadow:var(--vc-focus-ring);box-shadow:var(--vc-focus-ring);outline:0}.vc-light{--vc-color:var(--vc-gray-900);--vc-bg:var(--vc-white);--vc-border:var(--vc-gray-300);--vc-hover-bg:rgba(204,214,224,.3);--vc-focus-ring:0 0 0 2px rgba(59,131,246,.4);--vc-header-arrow-color:var(--vc-gray-500);--vc-header-arrow-hover-bg:var(--vc-gray-200);--vc-header-title-color:var(--vc-gray-900);--vc-weekday-color:var(--vc-gray-500);--vc-weeknumber-color:var(--vc-gray-400);--vc-nav-hover-bg:var(--vc-gray-200);--vc-nav-title-color:var(--vc-gray-900);--vc-nav-item-hover-box-shadow:none;--vc-nav-item-active-color:var(--vc-white);--vc-nav-item-active-bg:var(--vc-accent-500);--vc-nav-item-active-box-shadow:var(--vc-shadow);--vc-nav-item-current-color:var(--vc-accent-600);--vc-day-popover-container-color:var(--vc-white);--vc-day-popover-container-bg:var(--vc-gray-800);--vc-day-popover-container-border:var(--vc-gray-700);--vc-day-popover-header-color:var(--vc-gray-700);--vc-popover-content-color:var(--vc-gray-900);--vc-popover-content-bg:var(--vc-gray-50);--vc-popover-content-border:var(--vc-gray-300);--vc-time-picker-border:var(--vc-gray-300);--vc-time-weekday-color:var(--vc-gray-700);--vc-time-month-color:var(--vc-accent-600);--vc-time-day-color:var(--vc-accent-600);--vc-time-year-color:var(--vc-gray-500);--vc-time-select-group-bg:var(--vc-gray-50);--vc-time-select-group-border:var(--vc-gray-300);--vc-time-select-group-icon-color:var(--vc-accent-500);--vc-select-color:var(--vc-gray-900);--vc-select-bg:var(--vc-gray-100);--vc-select-hover-bg:var(--vc-gray-200);--vc-day-content-hover-bg:var(--vc-hover-bg);--vc-day-content-disabled-color:var(--vc-gray-400)}.vc-light .vc-attr,.vc-light.vc-attr{--vc-content-color:var(--vc-accent-600);--vc-highlight-outline-bg:var(--vc-white);--vc-highlight-outline-border:var(--vc-accent-600);--vc-highlight-outline-content-color:var(--vc-accent-700);--vc-highlight-light-bg:var(--vc-accent-200);--vc-highlight-light-content-color:var(--vc-accent-900);--vc-highlight-solid-bg:var(--vc-accent-600);--vc-highlight-solid-content-color:var(--vc-white);--vc-dot-bg:var(--vc-accent-600);--vc-bar-bg:var(--vc-accent-600)}.vc-dark{--vc-color:var(--vc-white);--vc-bg:var(--vc-gray-900);--vc-border:var(--vc-gray-700);--vc-hover-bg:rgba(114,129,151,.3);--vc-focus-ring:0 0 0 2px rgba(59,130,246,.7);--vc-header-arrow-color:var(--vc-gray-300);--vc-header-arrow-hover-bg:var(--vc-gray-800);--vc-header-title-color:var(--vc-gray-100);--vc-weekday-color:var(--vc-accent-200);--vc-weeknumber-color:var(--vc-gray-500);--vc-nav-hover-bg:var(--vc-gray-700);--vc-nav-title-color:var(--vc-gray-100);--vc-nav-item-hover-box-shadow:none;--vc-nav-item-active-color:var(--vc-white);--vc-nav-item-active-bg:var(--vc-accent-500);--vc-nav-item-active-box-shadow:none;--vc-nav-item-current-color:var(--vc-accent-400);--vc-day-popover-container-color:var(--vc-gray-800);--vc-day-popover-container-bg:var(--vc-white);--vc-day-popover-container-border:var(--vc-gray-100);--vc-day-popover-header-color:var(--vc-gray-300);--vc-popover-content-color:var(--vc-white);--vc-popover-content-bg:var(--vc-gray-800);--vc-popover-content-border:var(--vc-gray-700);--vc-time-picker-border:var(--vc-gray-700);--vc-time-weekday-color:var(--vc-gray-400);--vc-time-month-color:var(--vc-accent-400);--vc-time-day-color:var(--vc-accent-400);--vc-time-year-color:var(--vc-gray-500);--vc-time-select-group-bg:var(--vc-gray-700);--vc-time-select-group-border:var(--vc-gray-500);--vc-time-select-group-icon-color:var(--vc-accent-400);--vc-select-color:var(--vc-gray-200);--vc-select-bg:var(--vc-gray-700);--vc-select-hover-bg:var(--vc-gray-600);--vc-day-content-hover-bg:var(--vc-hover-bg);--vc-day-content-disabled-color:var(--vc-gray-600)}.vc-dark .vc-attr,.vc-dark.vc-attr{--vc-content-color:var(--vc-accent-500);--vc-highlight-outline-bg:var(--vc-gray-900);--vc-highlight-outline-border:var(--vc-accent-300);--vc-highlight-outline-content-color:var(--vc-accent-200);--vc-highlight-light-bg:var(--vc-accent-800);--vc-highlight-light-content-color:var(--vc-accent-100);--vc-highlight-solid-bg:var(--vc-accent-500);--vc-highlight-solid-content-color:var(--vc-white);--vc-dot-bg:var(--vc-accent-500);--vc-bar-bg:var(--vc-accent-500)}.vc-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:var(--vc-bg);color:var(--vc-color);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-box;display:-moz-inline-box;display:inline-flex;font-family:var(--vc-font-family);height:-webkit-max-content;height:-moz-max-content;height:max-content;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content}.vc-container,.vc-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vc-container :focus,.vc-container:focus{outline:none}.vc-container .vc-container{border:none}.vc-bordered{border:1px solid;border-color:var(--vc-border);border-radius:var(--vc-rounded-lg)}.vc-expanded{min-width:100%}.vc-transparent{background-color:transparent}.vc-date-picker-content{background-color:var(--vc-bg);padding:0}.vc-date-picker-content .vc-container{border:0}";
 styleInject(css_248z$1);
 
-var __default__ = defineComponent({
+var MASKS = {
+  modelValue: 'YYYY-MM-DD'
+};
+var inputBaseClass = 'caret-primary bg-white border-grey-100 hover:border-brand-text3 focus:border-brand-text3 ' + 'text-p text-body placeholder:text-p placeholder:text-grey-100 border outline-none block w-full px-2.5 py-3';
+var FwDatePicker = defineComponent({
   name: 'FwDatePicker',
   components: {
     CalendarDaySvg: render$1,
@@ -8386,9 +8390,9 @@ var __default__ = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  setup: function setup(props, ctx) {
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
     var uuid = uniqueId();
-    var inputBaseClass = ref("caret-primary bg-white border-grey-100 hover:border-brand-text3 focus:border-brand-text3 \n      text-p text-body placeholder:text-p placeholder:text-grey-100 border outline-none block w-full px-2.5 py-3");
     var _useColours = useColours(),
       primaryFade5 = _useColours.primaryFade5,
       primaryFade10 = _useColours.primaryFade10,
@@ -8398,8 +8402,7 @@ var __default__ = defineComponent({
       primaryFade50 = _useColours.primaryFade50,
       primaryFade70 = _useColours.primaryFade70,
       primaryFade80 = _useColours.primaryFade80;
-    var nameRef = toRef(props, 'name');
-    var _useField = useField(nameRef, props.rules),
+    var _useField = useField(toRef(props, 'name'), props.rules),
       errors = _useField.errors,
       errorMessage = _useField.errorMessage,
       meta = _useField.meta,
@@ -8410,17 +8413,52 @@ var __default__ = defineComponent({
       },
       set: function set(state) {
         fieldVal.value = state;
-        ctx.emit('update:modelValue', state);
+        emit('update:modelValue', state);
       }
     });
+    var isStringModel = computed(function () {
+      return typeof props.modelValue === 'string';
+    });
+    var startInputId = computed(function () {
+      return "fw-date-picker-input-start-".concat(props.name, "-").concat(uuid);
+    });
+    var endInputId = computed(function () {
+      return "fw-date-picker-input-end-".concat(props.name, "-").concat(uuid);
+    });
+    var singleInputId = computed(function () {
+      return "fw-date-picker-input-".concat(props.name, "-").concat(uuid);
+    });
+    var inputClass = computed(function () {
+      return [inputBaseClass, props.rounded ? 'rounded-full' : 'rounded-lg'];
+    });
+    var labelClass = computed(function () {
+      return (errorMessage.value || errors.value[0]) && meta.touched ? 'text-brand-error-text' : 'text-brand-text2';
+    });
+    var showError = computed(function () {
+      return !!props.enableErrors && meta.touched && !!(errorMessage.value || errors.value[0]);
+    });
+    // ---- temp fix for v-calendar issue with vue3.5+ ----
+    var onDayClick = function onDayClick(_day, event) {
+      var _event$target;
+      // blur the active day to avoid focus rings sticking
+      (_event$target = event.target) === null || _event$target === void 0 || _event$target.blur();
+    };
     return {
       uuid: uuid,
+      MASKS: MASKS,
       inputBaseClass: inputBaseClass,
       dateModel: dateModel,
       errors: errors,
       errorMessage: errorMessage,
       meta: meta,
-      fieldVal: fieldVal,
+      isStringModel: isStringModel,
+      startInputId: startInputId,
+      endInputId: endInputId,
+      singleInputId: singleInputId,
+      inputClass: inputClass,
+      labelClass: labelClass,
+      showError: showError,
+      onDayClick: onDayClick,
       primaryFade5: primaryFade5,
       primaryFade10: primaryFade10,
       primaryFade20: primaryFade20,
@@ -8432,17 +8470,18 @@ var __default__ = defineComponent({
     };
   }
 });
+var __default__ = FwDatePicker;
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "1690492e": _ctx.primaryFade5,
-      "890e4774": _ctx.primaryFade10,
-      "890e4736": _ctx.primaryFade20,
-      "890e46f8": _ctx.primaryFade30,
-      "890e46ba": _ctx.primaryFade40,
-      "890e467c": _ctx.primaryFade50,
-      "890e4600": _ctx.primaryFade70,
-      "890e45c2": _ctx.primaryFade80
+      "e7b65538": _ctx.primaryFade5,
+      "v0f145260": _ctx.primaryFade10,
+      "v0f145222": _ctx.primaryFade20,
+      "v0f1451e4": _ctx.primaryFade30,
+      "v0f1451a6": _ctx.primaryFade40,
+      "v0f145168": _ctx.primaryFade50,
+      "v0f1450ec": _ctx.primaryFade70,
+      "v0f1450ae": _ctx.primaryFade80
     };
   });
 };
@@ -8488,7 +8527,7 @@ var _hoisted_14 = {
 var _hoisted_15 = {
   "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
 };
-var _hoisted_16 = ["id", "value", "tabindex", "name", "label", "placeholder", "onClick"];
+var _hoisted_16 = ["id", "value", "tabindex", "name", "placeholder", "onClick"];
 var _hoisted_17 = {
   key: 2,
   "class": "text-left text-base min-h-[21px]"
@@ -8500,7 +8539,7 @@ var _hoisted_18 = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CalendarDaySvg = resolveComponent("CalendarDaySvg");
   var _component_DatePicker = resolveComponent("DatePicker");
-  return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.isRange === true && typeof _ctx.dateModel !== 'string' ? (openBlock(), createBlock(_component_DatePicker, {
+  return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.isRange && !_ctx.isStringModel ? (openBlock(), createBlock(_component_DatePicker, {
     key: 0,
     modelValue: _ctx.dateModel,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
@@ -8512,32 +8551,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     },
     color: "primary",
     mode: "date",
-    masks: {
-      modelValue: 'YYYY-MM-DD'
-    },
+    masks: _ctx.MASKS,
     "max-date": _ctx.maxDate,
     "min-date": _ctx.minDate,
     "update-on-input": false,
-    "is-required": _ctx.required
+    "is-required": _ctx.required,
+    onDayclick: _ctx.onDayClick
   }, {
     "default": withCtx(function (_ref) {
       var inputValue = _ref.inputValue,
         togglePopover = _ref.togglePopover;
       return [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_ctx.startLabel ? (openBlock(), createElementBlock("label", {
         key: 0,
-        "for": "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
-        "class": normalizeClass([[(_ctx.errorMessage || _ctx.errors[0]) && _ctx.meta.touched ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
+        "for": _ctx.startInputId,
+        "class": normalizeClass([[_ctx.labelClass], "block mb-2 text-base"])
       }, toDisplayString(_ctx.startLabel), 11, _hoisted_5)) : createCommentVNode("", true), createElementVNode("div", {
         "class": normalizeClass(["relative", inputValue.start ? 'text-brand-text3' : 'text-grey-100'])
       }, [createElementVNode("div", _hoisted_6, [createVNode(_component_CalendarDaySvg, {
         name: "calendar-day",
         "class": "size-6"
       })]), createElementVNode("input", {
-        id: "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        id: _ctx.startInputId,
         value: inputValue.start,
         tabindex: _ctx.tabindex,
         name: "".concat(_ctx.name, "-start"),
-        "class": normalizeClass(["pl-10", [_ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded-lg']]),
+        "class": normalizeClass(["pl-10", _ctx.inputClass]),
         type: "text",
         autocomplete: "off",
         placeholder: _ctx.startPlaceholder,
@@ -8546,19 +8584,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }
       }, null, 10, _hoisted_7)], 2)]), createElementVNode("div", _hoisted_8, [_ctx.endLabel ? (openBlock(), createElementBlock("label", {
         key: 0,
-        "for": "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
-        "class": normalizeClass([[(_ctx.errorMessage || _ctx.errors[0]) && _ctx.meta.touched ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
+        "for": _ctx.endInputId,
+        "class": normalizeClass([[_ctx.labelClass], "block mb-2 text-base"])
       }, toDisplayString(_ctx.endLabel), 11, _hoisted_9)) : createCommentVNode("", true), createElementVNode("div", {
         "class": normalizeClass(["relative", inputValue.end ? 'text-brand-text3' : 'text-grey-100'])
       }, [createElementVNode("div", _hoisted_10, [createVNode(_component_CalendarDaySvg, {
         name: "calendar-day",
         "class": "size-6"
       })]), createElementVNode("input", {
-        id: "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        id: _ctx.endInputId,
         value: inputValue.end,
         tabindex: _ctx.tabindex,
         name: "".concat(_ctx.name, "-end"),
-        "class": normalizeClass(["pl-10", [_ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded-lg']]),
+        "class": normalizeClass(["pl-10", _ctx.inputClass]),
         type: "text",
         autocomplete: "off",
         placeholder: _ctx.endPlaceholder,
@@ -8568,7 +8606,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 10, _hoisted_11)], 2)])])])];
     }),
     _: 1
-  }, 8, ["modelValue", "max-date", "min-date", "is-required"])) : (openBlock(), createBlock(_component_DatePicker, {
+  }, 8, ["modelValue", "masks", "max-date", "min-date", "is-required", "onDayclick"])) : (openBlock(), createBlock(_component_DatePicker, {
     key: 1,
     modelValue: _ctx.dateModel,
     "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
@@ -8579,55 +8617,53 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     },
     color: "primary",
     mode: "date",
-    masks: {
-      modelValue: 'YYYY-MM-DD'
-    },
+    masks: _ctx.MASKS,
     "max-date": _ctx.maxDate,
     "min-date": _ctx.minDate,
     "update-on-input": false,
-    "is-required": _ctx.required
+    "is-required": _ctx.required,
+    onDayclick: _ctx.onDayClick
   }, {
     "default": withCtx(function (_ref2) {
       var inputValue = _ref2.inputValue,
         togglePopover = _ref2.togglePopover;
-      return [createElementVNode("div", _hoisted_12, [createElementVNode("div", null, [_ctx.label ? (openBlock(), createElementBlock("label", {
+      return [createElementVNode("div", _hoisted_12, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
-        "for": "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
-        "class": normalizeClass([[(_ctx.errorMessage || _ctx.errors[0]) && _ctx.meta.touched ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
+        "for": _ctx.singleInputId,
+        "class": normalizeClass([[_ctx.labelClass], "block mb-2 text-base"])
       }, [createTextVNode(toDisplayString(_ctx.label) + " ", 1), _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_14, "*")) : createCommentVNode("", true)], 10, _hoisted_13)) : createCommentVNode("", true), createElementVNode("div", {
         "class": normalizeClass(["relative", inputValue ? 'text-brand-text3' : 'text-grey-100'])
       }, [createElementVNode("div", _hoisted_15, [createVNode(_component_CalendarDaySvg, {
         name: "calendar-day",
         "class": "size-6"
       })]), createElementVNode("input", {
-        id: "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        id: _ctx.singleInputId,
         value: inputValue,
         tabindex: _ctx.tabindex,
         name: _ctx.name,
-        label: _ctx.label,
-        "class": normalizeClass(["pl-10", [_ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded-lg']]),
+        "class": normalizeClass(["pl-10", _ctx.inputClass]),
         type: "text",
         autocomplete: "off",
         placeholder: _ctx.placeholder,
         onClick: function onClick($event) {
           return togglePopover();
         }
-      }, null, 10, _hoisted_16)], 2)])])];
+      }, null, 10, _hoisted_16)], 2)])];
     }),
     _: 1
-  }, 8, ["modelValue", "max-date", "min-date", "is-required"])), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_17, [createVNode(Transition, {
+  }, 8, ["modelValue", "masks", "max-date", "min-date", "is-required", "onDayclick"])), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_17, [createVNode(Transition, {
     name: "fwFadeIn",
     mode: "out-in"
   }, {
     "default": withCtx(function () {
-      return [(_ctx.errorMessage || _ctx.errors[0]) && _ctx.meta.touched ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(_ctx.errorMessage || _ctx.errors[0]), 1)) : createCommentVNode("", true)];
+      return [_ctx.showError ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(_ctx.errorMessage || _ctx.errors[0]), 1)) : createCommentVNode("", true)];
     }),
     _: 1
   })])) : createCommentVNode("", true)]);
 }
 
-var css_248z = ".fw-date-picker .vc-primary{--vc-accent-50:var(--1690492e);--vc-accent-100:var(--890e4774);--vc-accent-200:var(--890e4736);--vc-accent-300:var(--890e46f8);--vc-accent-400:var(--890e46ba);--vc-accent-500:var(--890e467c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--890e4600);--vc-accent-800:var(--890e45c2);--vc-accent-900:var(--colorBody)}.fw-date-picker input:focus{background-color:var(--1690492e)}";
-var stylesheet = ".fw-date-picker .vc-primary{--vc-accent-50:var(--1690492e);--vc-accent-100:var(--890e4774);--vc-accent-200:var(--890e4736);--vc-accent-300:var(--890e46f8);--vc-accent-400:var(--890e46ba);--vc-accent-500:var(--890e467c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--890e4600);--vc-accent-800:var(--890e45c2);--vc-accent-900:var(--colorBody)}.fw-date-picker input:focus{background-color:var(--1690492e)}";
+var css_248z = ".fw-date-picker .vc-primary{--vc-accent-50:var(--e7b65538);--vc-accent-100:var(--v0f145260);--vc-accent-200:var(--v0f145222);--vc-accent-300:var(--v0f1451e4);--vc-accent-400:var(--v0f1451a6);--vc-accent-500:var(--v0f145168);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--v0f1450ec);--vc-accent-800:var(--v0f1450ae);--vc-accent-900:var(--colorBody)}.fw-date-picker input:focus{background-color:var(--e7b65538)}.fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .14s ease,-webkit-transform .16s ease;transition:opacity .14s ease,-webkit-transform .16s ease;-moz-transition:opacity .14s ease,transform .16s ease,-moz-transform .16s ease;transition:opacity .14s ease,transform .16s ease;transition:opacity .14s ease,transform .16s ease,-webkit-transform .16s ease,-moz-transform .16s ease}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-vc-pop-enter-active,.fw-vc-pop-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .16s ease;transition:opacity .12s ease,-webkit-transform .16s ease;-moz-transition:opacity .12s ease,transform .16s ease,-moz-transform .16s ease;transition:opacity .12s ease,transform .16s ease;transition:opacity .12s ease,transform .16s ease,-webkit-transform .16s ease,-moz-transform .16s ease;will-change:opacity,transform}.fw-vc-pop-enter-from,.fw-vc-pop-leave-to{opacity:0;-webkit-transform:translateY(4px) scale(.98);-moz-transform:translateY(4px) scale(.98);-ms-transform:translateY(4px) scale(.98);transform:translateY(4px) scale(.98)}";
+var stylesheet = ".fw-date-picker .vc-primary{--vc-accent-50:var(--e7b65538);--vc-accent-100:var(--v0f145260);--vc-accent-200:var(--v0f145222);--vc-accent-300:var(--v0f1451e4);--vc-accent-400:var(--v0f1451a6);--vc-accent-500:var(--v0f145168);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--v0f1450ec);--vc-accent-800:var(--v0f1450ae);--vc-accent-900:var(--colorBody)}.fw-date-picker input:focus{background-color:var(--e7b65538)}.fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .14s ease,-webkit-transform .16s ease;transition:opacity .14s ease,-webkit-transform .16s ease;-moz-transition:opacity .14s ease,transform .16s ease,-moz-transform .16s ease;transition:opacity .14s ease,transform .16s ease;transition:opacity .14s ease,transform .16s ease,-webkit-transform .16s ease,-moz-transform .16s ease}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-vc-pop-enter-active,.fw-vc-pop-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .16s ease;transition:opacity .12s ease,-webkit-transform .16s ease;-moz-transition:opacity .12s ease,transform .16s ease,-moz-transform .16s ease;transition:opacity .12s ease,transform .16s ease;transition:opacity .12s ease,transform .16s ease,-webkit-transform .16s ease,-moz-transform .16s ease;will-change:opacity,transform}.fw-vc-pop-enter-from,.fw-vc-pop-leave-to{opacity:0;-webkit-transform:translateY(4px) scale(.98);-moz-transform:translateY(4px) scale(.98);-ms-transform:translateY(4px) scale(.98);transform:translateY(4px) scale(.98)}";
 styleInject(css_248z);
 
 __default__.render = render;

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-YMoW4x4c.js';
-import { u as uniqueId } from './uniqueId-DZdGzBh8.js';
-import { u as useColours } from './get-root-colours-DCjlYelc.js';
-import { d as render$1 } from './index-BsEH8YYr.js';
+import { s as script } from './fw-button-DZTHZLjk.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-DHyRsKsZ.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({
@@ -137,7 +137,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "699c0493": _ctx.drawerBgColour
+      "v82429cd2": _ctx.drawerBgColour
     };
   });
 };
@@ -201,14 +201,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             "default": withCtx(function () {
               return [createVNode(_component_XMarkSvg, {
                 name: "xmark",
-                "class": "w-6 h-6 inline-block m-0 p-[3px] transition-rotate duration-200"
+                "class": "w-6 h-6 inline-block m-0 p-[3px]"
               })];
             }),
             _: 1
           })]), _ctx.$slots.body ? (openBlock(), createElementBlock("div", {
             key: 0,
             id: "drawer_".concat(_ctx.uuid, "_body"),
-            "class": "fw-drawer-body h-[calc(100vh-155px)] overflow-y-scroll"
+            "class": "fw-drawer-body h-[calc(100vh-155px)] overflow-y-auto"
           }, [renderSlot(_ctx.$slots, "body")], 8, _hoisted_5)) : createCommentVNode("", true), _ctx.$slots.footer || _ctx.showConfirm || _ctx.showCancel ? (openBlock(), createElementBlock("div", {
             key: 1,
             "class": normalizeClass(["fw-drawer-footer", _ctx.drawerFooterClass])
@@ -247,8 +247,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, ["to"])) : createCommentVNode("", true);
 }
 
-var css_248z = ".clip-top-shadow{-webkit-clip-path:inset(-4px 0 0 0);clip-path:inset(-4px 0 0 0)}.drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;-moz-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@-webkit-keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes drawerSlideInOut{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}.drawerBgFadeIn-enter-active{-webkit-animation:drawerBgFadeIn .3s;-moz-animation:drawerBgFadeIn .3s;animation:drawerBgFadeIn .3s;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.drawerBgFadeIn-leave-active{animation:drawerBgFadeIn .3s reverse;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}@-webkit-keyframes drawerBgFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes drawerBgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerBgFadeIn{0%{opacity:0}to{opacity:1}}.fw-drawer-bg{background-color:var(--699c0493)}";
-var stylesheet = ".clip-top-shadow{-webkit-clip-path:inset(-4px 0 0 0);clip-path:inset(-4px 0 0 0)}.drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;-moz-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@-webkit-keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes drawerSlideInOut{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}.drawerBgFadeIn-enter-active{-webkit-animation:drawerBgFadeIn .3s;-moz-animation:drawerBgFadeIn .3s;animation:drawerBgFadeIn .3s;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.drawerBgFadeIn-leave-active{animation:drawerBgFadeIn .3s reverse;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}@-webkit-keyframes drawerBgFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes drawerBgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerBgFadeIn{0%{opacity:0}to{opacity:1}}.fw-drawer-bg{background-color:var(--699c0493)}";
+var css_248z = ".clip-top-shadow{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.08);box-shadow:0 -6px 12px rgba(0,0,0,.08)}.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);-moz-transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.drawerSlideInOut-enter-from,.drawerSlideInOut-leave-to{opacity:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.drawerSlideInOut-enter-to,.drawerSlideInOut-leave-from{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease;will-change:opacity}.drawerBgFadeIn-enter-from,.drawerBgFadeIn-leave-to{opacity:0;pointer-events:none}.drawerBgFadeIn-enter-to,.drawerBgFadeIn-leave-from{opacity:1;pointer-events:auto}.fw-drawer-bg{background-color:var(--v82429cd2)}@media (prefers-reduced-motion:reduce){.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active,.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
+var stylesheet = ".clip-top-shadow{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.08);box-shadow:0 -6px 12px rgba(0,0,0,.08)}.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);-moz-transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1),-moz-transform .25s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.drawerSlideInOut-enter-from,.drawerSlideInOut-leave-to{opacity:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.drawerSlideInOut-enter-to,.drawerSlideInOut-leave-from{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease;will-change:opacity}.drawerBgFadeIn-enter-from,.drawerBgFadeIn-leave-to{opacity:0;pointer-events:none}.drawerBgFadeIn-enter-to,.drawerBgFadeIn-leave-from{opacity:1;pointer-events:auto}.fw-drawer-bg{background-color:var(--v82429cd2)}@media (prefers-reduced-motion:reduce){.drawerBgFadeIn-enter-active,.drawerBgFadeIn-leave-active,.drawerSlideInOut-enter-active,.drawerSlideInOut-leave-active{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
 styleInject(css_248z);
 
 __default__.render = render;

package/esm/{fw-dropdown-58wyuzsW.js → fw-dropdown-CSmYTm5O.js}

@@ -1,8 +1,8 @@
-import { defineComponent, toRef, ref, computed, watch, onMounted, onBeforeUnmount, useCssVars, pushScopeId, popScopeId, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, normalizeClass, createTextVNode, toDisplayString, createBlock, renderSlot, Transition, withCtx, withDirectives, Fragment, renderList, vShow } from 'vue';
-import { u as useField } from './vee-validate.esm-3ptvCDR1.js';
-import { _ as __default__$1 } from './fw-image-D-OHafdw.js';
-import { u as useColours } from './get-root-colours-DCjlYelc.js';
-import { r as render$1 } from './index-BsEH8YYr.js';
+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 { u as useField } from './vee-validate-0dtT5GSQ.js';
+import { _ as __default__$1 } from './fw-image-A2lXYs0u.js';
+import { u as useColours } from './get-root-colours-DCCAnRF4.js';
+import { r as render$1 } from './index-DHyRsKsZ.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 {
-      "5e0ab1b5": _ctx.primaryFade5,
-      "f95113ee": _ctx.colorErrorTextFade5
+      "v8941517c": _ctx.primaryFade5,
+      "cf163048": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -167,9 +167,6 @@ __default__.setup = __setup__ ? function (props, ctx) {
   return __setup__(props, ctx);
 } : __injectCSSVars__;
 
-var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-d941ca80"), n = n(), popScopeId(), n;
-};
 var _hoisted_1 = {
   "class": "fw-dropdown relative"
 };
@@ -246,7 +243,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["src"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString((_ctx$selectedOption2 = _ctx.selectedOption) === null || _ctx$selectedOption2 === void 0 ? void 0 : _ctx$selectedOption2.label), 1), (_ctx$selectedOption3 = _ctx.selectedOption) !== null && _ctx$selectedOption3 !== void 0 && _ctx$selectedOption3.description ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString((_ctx$selectedOption4 = _ctx.selectedOption) === null || _ctx$selectedOption4 === void 0 ? void 0 : _ctx$selectedOption4.description), 1)) : createCommentVNode("", true)])])) : (openBlock(), createElementBlock("div", _hoisted_8, [_ctx.$slots.placeholderIcon ? renderSlot(_ctx.$slots, "placeholderIcon", {
     key: 0
   }) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(_ctx.placeholder), 1)])), createVNode(_component_ChevronDownSvg, {
-    "class": normalizeClass(["w-6 text-body transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : '']),
+    "class": normalizeClass(["w-6 text-body transition-transform duration-[160ms]", _ctx.isOpen ? 'rotate-180' : '']),
     name: "chevron-down"
   }, null, 8, ["class"])], 10, _hoisted_3), createVNode(Transition, {
     name: "slideUpDown"
@@ -286,11 +283,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })])) : createCommentVNode("", true)]);
 }
 
-var css_248z = ".slideUpDown-enter-active[data-v-d941ca80]{-webkit-animation:slideUpDown-d941ca80 .3s;-moz-animation:slideUpDown-d941ca80 .3s;animation:slideUpDown-d941ca80 .3s;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-d941ca80]{animation:slideUpDown-d941ca80 .3s reverse;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-d941ca80{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-keyframes slideUpDown-d941ca80{0%{opacity:0;-moz-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-moz-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-d941ca80{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);-moz-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}.fw-dropdown--open[data-v-d941ca80]{background-color:var(--5e0ab1b5)}.fw-dropdown-error-state[data-v-d941ca80]{background-color:var(--f95113ee)}.fw-dropdown--menu-item[data-v-d941ca80]:hover{background-color:var(--5e0ab1b5)}";
-var stylesheet = ".slideUpDown-enter-active[data-v-d941ca80]{-webkit-animation:slideUpDown-d941ca80 .3s;-moz-animation:slideUpDown-d941ca80 .3s;animation:slideUpDown-d941ca80 .3s;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-d941ca80]{animation:slideUpDown-d941ca80 .3s reverse;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-d941ca80{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-keyframes slideUpDown-d941ca80{0%{opacity:0;-moz-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-moz-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-d941ca80{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);-moz-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}.fw-dropdown--open[data-v-d941ca80]{background-color:var(--5e0ab1b5)}.fw-dropdown-error-state[data-v-d941ca80]{background-color:var(--f95113ee)}.fw-dropdown--menu-item[data-v-d941ca80]:hover{background-color:var(--5e0ab1b5)}";
+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)}";
 styleInject(css_248z);
 
 __default__.render = render;
-__default__.__scopeId = "data-v-d941ca80";
+__default__.__scopeId = "data-v-c859f01c";
 
 export { __default__ as _ };

package/esm/fw-dropdown.js

@@ -1,8 +1,9 @@
-export { _ as FwDropdown } from './fw-dropdown-58wyuzsW.js';
+export { _ as FwDropdown } from './fw-dropdown-CSmYTm5O.js';
 import 'vue';
-import './vee-validate.esm-3ptvCDR1.js';
-import './fw-image-D-OHafdw.js';
-import './fw-loading-bar-DecYSBC_.js';
-import './get-root-colours-DCjlYelc.js';
+import './vee-validate-0dtT5GSQ.js';
+import './fw-image-A2lXYs0u.js';
+import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
+import './fw-loading-bar-3x4tkF1B.js';
+import './get-root-colours-DCCAnRF4.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './index-BsEH8YYr.js';
+import './index-DHyRsKsZ.js';

package/esm/fw-form.js

@@ -1,2 +1,2 @@
-export { F as FwForm } from './vee-validate.esm-3ptvCDR1.js';
+export { F as FwForm } from './vee-validate-0dtT5GSQ.js';
 import 'vue';

package/esm/fw-icons.js

@@ -1,4 +1,5 @@
-import { defineComponent, createElementVNode, createElementBlock, openBlock } from 'vue';
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from 'vue';
+import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var script = defineComponent({
@@ -11,18 +12,16 @@ var _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   "class": "fw-success-animation text-brand-success-text"
 };
-var _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M67,93 A46.5,46.5 0,1,0 7,32 L43,67 L88,19",
-  fill: "none",
-  "class": "stroke-brand-success-text",
-  "stroke-width": "6",
-  "stroke-linecap": "round",
-  "stroke-dasharray": "80 1000",
-  "stroke-dashoffset": "-220"
-}, null, -1);
-var _hoisted_3 = [_hoisted_2];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _toConsumableArray(_cache[0] || (_cache[0] = [createElementVNode("path", {
+    d: "M67,93 A46.5,46.5 0,1,0 7,32 L43,67 L88,19",
+    fill: "none",
+    "class": "stroke-brand-success-text",
+    "stroke-width": "6",
+    "stroke-linecap": "round",
+    "stroke-dasharray": "80 1000",
+    "stroke-dashoffset": "-220"
+  }, null, -1)])));
 }
 
 var css_248z = ".fw-success-animation path{-webkit-animation:dash .75s linear both;-moz-animation:dash .75s linear both;animation:dash .75s linear both;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes dash{0%{stroke-dashoffset:210}75%{stroke-dashoffset:-220}to{stroke-dashoffset:-205}}@-moz-keyframes dash{0%{stroke-dashoffset:210}75%{stroke-dashoffset:-220}to{stroke-dashoffset:-205}}@keyframes dash{0%{stroke-dashoffset:210}75%{stroke-dashoffset:-220}to{stroke-dashoffset:-205}}";