@frollo/frollo-web-ui 6.0.4 → 7.0.1

package/esm/fw-accordion.js

@@ -1,9 +1,14 @@
-import { defineComponent, ref, watch, useCssVars, pushScopeId, popScopeId, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, toDisplayString, createVNode, Transition, withCtx, withDirectives, renderSlot, vShow } from 'vue';
+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-865a52ba.js';
+import { b as render$1 } from './index-bced3b35.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import './check-94a5917a.js';
 
 var __default__ = defineComponent({
   name: 'FwAccordion',
+  components: {
+    ChevronDownSvg: render$1
+  },
   emits: ['toggled'],
   props: {
     /**
@@ -12,6 +17,13 @@ var __default__ = defineComponent({
     title: {
       type: String
     },
+    /**
+     * Classname for the title
+     */
+    titleClass: {
+      type: String,
+      "default": 'h4'
+    },
     /**
      * Title suffix of the accordion header
      */
@@ -31,6 +43,27 @@ var __default__ = defineComponent({
     iconPositionStart: {
       type: Boolean,
       "default": true
+    },
+    /**
+     * Icon type (arrow or plus)
+     */
+    isArrow: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Padding className for the accordion button
+     */
+    buttonPadding: {
+      type: String,
+      "default": 'px-8 py-4'
+    },
+    /**
+     * Border style className for the accordion button
+     */
+    borderStyle: {
+      type: String,
+      "default": 'rounded-sm border border-grey-40'
     }
   },
   setup: function setup(props, ctx) {
@@ -65,7 +98,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "5f2b9a00": _ctx.bgHoverColor
+      "5f8da0f6": _ctx.bgHoverColor
     };
   });
 };
@@ -76,37 +109,55 @@ __default__.setup = __setup__ ? function (props, ctx) {
 } : __injectCSSVars__;
 
 var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-a62b48c8"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-3eea01a5"), n = n(), popScopeId(), n;
 };
 var _hoisted_1 = {
-  "class": "fw-accordion rounded-sm border border-grey-40"
+  "class": "flex flex-row items-center justify-between w-full"
 };
 var _hoisted_2 = {
-  "class": "flex flex-row items-center justify-between w-full"
+  "class": "flex flex-row items-center"
 };
 var _hoisted_3 = {
-  "class": "flex flex-row items-center"
+  key: 0
 };
 var _hoisted_4 = {
+  key: 0
+};
+var _hoisted_5 = {
+  key: 1
+};
+var _hoisted_6 = {
   key: 0,
   "class": "h4"
 };
+var _hoisted_7 = {
+  key: 1
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+  var _component_ChevronDownSvg = resolveComponent("ChevronDownSvg");
+  return openBlock(), createElementBlock("div", {
+    "class": normalizeClass(["fw-accordion", _ctx.borderStyle])
+  }, [createElementVNode("button", {
     onClick: _cache[0] || (_cache[0] = function ($event) {
       return _ctx.isOpen = !_ctx.isOpen;
     }),
     type: "button",
-    "class": normalizeClass(["fw-accordion--header px-8 py-4 bg-white w-full transition-all duration-100 ease-in focus:outline-primary", _ctx.isOpen ? 'fw-accordion--header-open' : ''])
-  }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_ctx.iconPositionStart ? (openBlock(), createElementBlock("span", {
+    "class": normalizeClass(["fw-accordion--header bg-white w-full transition-all duration-100 ease-in focus:outline-primary", [_ctx.isOpen ? 'fw-accordion--header-open' : '', _ctx.buttonPadding]])
+  }, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_ctx.iconPositionStart ? (openBlock(), createElementBlock("div", _hoisted_3, [_ctx.isArrow ? (openBlock(), createBlock(_component_ChevronDownSvg, {
     key: 0,
+    "class": normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
+  }, null, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+    key: 1,
     "class": normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
-  }, null, 2)) : createCommentVNode("", true), createElementVNode("span", {
-    "class": normalizeClass(["h4 mb-0", _ctx.iconPositionStart ? 'ml-6' : 'ml-0'])
-  }, toDisplayString(_ctx.title), 3)]), _ctx.suffixTitle ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.suffixTitle), 1)) : createCommentVNode("", true), !_ctx.iconPositionStart ? (openBlock(), createElementBlock("span", {
+  }, null, 2))])) : createCommentVNode("", true), createElementVNode("div", {
+    "class": normalizeClass([_ctx.titleClass, _ctx.iconPositionStart ? 'ml-6' : 'ml-0'])
+  }, [_ctx.title ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.title), 1)) : _ctx.$slots.header ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true)], 2)]), _ctx.suffixTitle ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.suffixTitle), 1)) : createCommentVNode("", true), !_ctx.iconPositionStart ? (openBlock(), createElementBlock("div", _hoisted_7, [_ctx.isArrow ? (openBlock(), createBlock(_component_ChevronDownSvg, {
+    key: 0,
+    "class": normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
+  }, null, 8, ["class"])) : (openBlock(), createElementBlock("span", {
     key: 1,
     "class": normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
-  }, null, 2)) : createCommentVNode("", true)])], 2), createVNode(Transition, {
+  }, null, 2))])) : createCommentVNode("", true)])], 2), createVNode(Transition, {
     name: "fw-accordion-transition",
     onBeforeEnter: _ctx.beforeEnter,
     onEnter: _ctx.enter,
@@ -118,14 +169,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return [withDirectives(createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")], 512), [[vShow, _ctx.$slots["default"] && _ctx.isOpen]])];
     }),
     _: 3
-  }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])]);
+  }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])], 2);
 }
 
-var css_248z = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
-var stylesheet = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
+var css_248z = ".fw-accordion--header-open[data-v-3eea01a5],.fw-accordion--header[data-v-3eea01a5]:focus-visible,.fw-accordion--header[data-v-3eea01a5]:hover{background-color:var(--5f8da0f6)}.fw-accordion--icon[data-v-3eea01a5]{position:relative}.fw-accordion--icon[data-v-3eea01a5]:after,.fw-accordion--icon[data-v-3eea01a5]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-3eea01a5]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-3eea01a5]:after{width:0}";
+var stylesheet = ".fw-accordion--header-open[data-v-3eea01a5],.fw-accordion--header[data-v-3eea01a5]:focus-visible,.fw-accordion--header[data-v-3eea01a5]:hover{background-color:var(--5f8da0f6)}.fw-accordion--icon[data-v-3eea01a5]{position:relative}.fw-accordion--icon[data-v-3eea01a5]:after,.fw-accordion--icon[data-v-3eea01a5]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-3eea01a5]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-3eea01a5]:after{width:0}";
 styleInject(css_248z);
 
 __default__.render = render;
-__default__.__scopeId = "data-v-a62b48c8";
+__default__.__scopeId = "data-v-3eea01a5";
 
 export { __default__ as FwAccordion };

package/esm/fw-date-picker.js

@@ -8400,14 +8400,14 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "0edfc838": _ctx.primaryFade5,
-      "65cd8308": _ctx.primaryFade10,
-      "65cd82ca": _ctx.primaryFade20,
-      "65cd828c": _ctx.primaryFade30,
-      "65cd824e": _ctx.primaryFade40,
-      "65cd8210": _ctx.primaryFade50,
-      "65cd8194": _ctx.primaryFade70,
-      "65cd8156": _ctx.primaryFade80
+      "c68f2272": _ctx.primaryFade5,
+      "0b552c66": _ctx.primaryFade10,
+      "0b552c28": _ctx.primaryFade20,
+      "0b552bea": _ctx.primaryFade30,
+      "0b552bac": _ctx.primaryFade40,
+      "0b552b6e": _ctx.primaryFade50,
+      "0b552af2": _ctx.primaryFade70,
+      "0b552ab4": _ctx.primaryFade80
     };
   });
 };
@@ -8489,7 +8489,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         "for": "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "block mb-2 font-medium"
-      }, toDisplayString(_ctx.startLabel), 9, _hoisted_5)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
+      }, toDisplayString(_ctx.startLabel), 9, _hoisted_5)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createVNode(_component_CalendarDaySvg, {
+        "class": "h-full"
+      })]), createElementVNode("input", mergeProps({
         value: inputValue.start
       }, toHandlers(inputEvents.start), {
         id: "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -8503,7 +8505,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         "for": "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "block mb-2 font-medium"
-      }, toDisplayString(_ctx.endLabel), 9, _hoisted_10)) : createCommentVNode("", true), createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
+      }, toDisplayString(_ctx.endLabel), 9, _hoisted_10)) : createCommentVNode("", true), createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [createVNode(_component_CalendarDaySvg, {
+        "class": "h-full"
+      })]), createElementVNode("input", mergeProps({
         value: inputValue.end
       }, toHandlers(inputEvents.end), {
         id: "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -8517,7 +8521,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         "for": "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "block mb-2 font-medium"
-      }, toDisplayString(_ctx.label), 9, _hoisted_15)) : createCommentVNode("", true), createElementVNode("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
+      }, toDisplayString(_ctx.label), 9, _hoisted_15)) : createCommentVNode("", true), createElementVNode("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [createVNode(_component_CalendarDaySvg, {
+        "class": "h-full"
+      })]), createElementVNode("input", mergeProps({
         value: inputValue
       }, toHandlers(inputEvents), {
         id: "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -8534,8 +8540,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["modelValue", "model-modifiers", "max-date"])]);
 }
 
-var css_248z = ".fw-date-picker .vc-primary{--vc-accent-50:var(--0edfc838);--vc-accent-100:var(--65cd8308);--vc-accent-200:var(--65cd82ca);--vc-accent-300:var(--65cd828c);--vc-accent-400:var(--65cd824e);--vc-accent-500:var(--65cd8210);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--65cd8194);--vc-accent-800:var(--65cd8156);--vc-accent-900:var(--colorBody)}";
-var stylesheet = ".fw-date-picker .vc-primary{--vc-accent-50:var(--0edfc838);--vc-accent-100:var(--65cd8308);--vc-accent-200:var(--65cd82ca);--vc-accent-300:var(--65cd828c);--vc-accent-400:var(--65cd824e);--vc-accent-500:var(--65cd8210);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--65cd8194);--vc-accent-800:var(--65cd8156);--vc-accent-900:var(--colorBody)}";
+var css_248z = ".fw-date-picker .vc-primary{--vc-accent-50:var(--c68f2272);--vc-accent-100:var(--0b552c66);--vc-accent-200:var(--0b552c28);--vc-accent-300:var(--0b552bea);--vc-accent-400:var(--0b552bac);--vc-accent-500:var(--0b552b6e);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--0b552af2);--vc-accent-800:var(--0b552ab4);--vc-accent-900:var(--colorBody)}";
+var stylesheet = ".fw-date-picker .vc-primary{--vc-accent-50:var(--c68f2272);--vc-accent-100:var(--0b552c66);--vc-accent-200:var(--0b552c28);--vc-accent-300:var(--0b552bea);--vc-accent-400:var(--0b552bac);--vc-accent-500:var(--0b552b6e);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--0b552af2);--vc-accent-800:var(--0b552ab4);--vc-accent-900:var(--colorBody)}";
 styleInject(css_248z);
 
 __default__.render = render;

package/esm/fw-drawer.js

@@ -1,5 +1,5 @@
 import './es.array.includes-08e25019.js';
-import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createVNode, createTextVNode, toDisplayString } from 'vue';
+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-c8502414.js';
 import { u as uniqueId } from './uniqueId-fe08534a.js';
 import { c as render$1 } from './index-bced3b35.js';
@@ -95,7 +95,7 @@ var script = defineComponent({
   },
   setup: function setup(props, ctx) {
     var baseDrawerClass = "fixed shadow-card top-0 right-0 z-40 h-screen bg-white";
-    var drawerFooterClass = "\n      sticky bottom-0 w-full shadow-card bg-white p-4\n    ";
+    var drawerFooterClass = "\n      sticky bottom-0 w-full shadow-card bg-white p-4 clip-top-shadow\n    ";
     var isMounted = ref(false);
     var uuid = uniqueId();
     var isOpen = computed({
@@ -151,8 +151,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     appear: ""
   }, {
     "default": withCtx(function () {
-      return [_ctx.isOpen ? (openBlock(), createElementBlock("div", {
-        key: 0,
+      return [withDirectives(createElementVNode("div", {
         id: "fw-drawer-".concat(_ctx.uuid),
         "class": normalizeClass(["fw-drawer", _ctx.baseDrawerClass]),
         tabindex: "-1",
@@ -178,7 +177,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })]), _ctx.$slots.body ? (openBlock(), createElementBlock("div", {
         key: 0,
-        "class": "fw-drawer-body h-screen overflow-y-scroll pb-[155px]",
+        "class": "fw-drawer-body h-[calc(100vh-155px)] overflow-y-scroll",
         id: "drawer_".concat(_ctx.uuid, "_body")
       }, [renderSlot(_ctx.$slots, "body")], 8, _hoisted_4)) : createCommentVNode("", true), _ctx.$slots.footer || _ctx.showConfirm || _ctx.showCancel ? (openBlock(), createElementBlock("div", {
         key: 1,
@@ -209,14 +208,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
         }),
         _: 1
-      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)]))], 2)) : createCommentVNode("", true)], 10, _hoisted_1)) : createCommentVNode("", true)];
+      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)]))], 2)) : createCommentVNode("", true)], 10, _hoisted_1), [[vShow, _ctx.isOpen]])];
     }),
     _: 3
   });
 }
 
-var css_248z = ".drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-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)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
-var stylesheet = ".drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-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)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
+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;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-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)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
+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;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-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)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/{fw-input-259e2e18.js → fw-input-8969b226.js}

@@ -184,7 +184,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         "for": "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "block mb-2 font-medium"
-      }, toDisplayString(_ctx.label), 9, _hoisted_4)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
+      }, toDisplayString(_ctx.label), 9, _hoisted_4)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "prefix", {
+        "class": "h-full"
+      })])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
         id: "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
         placeholder: _ctx.placeholder,
         type: _ctx.type,
@@ -212,7 +214,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           })], 2)) : createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(Transition, {
+      }, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "suffix", {
+        "class": "h-full"
+      })])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {

package/esm/fw-input.js

@@ -1,4 +1,4 @@
-export { s as FwInput } from './fw-input-259e2e18.js';
+export { s as FwInput } from './fw-input-8969b226.js';
 import './es.array.includes-08e25019.js';
 import './is-forced-7cb3ee8f.js';
 import './export-10c4adbc.js';

package/esm/fw-modal.js

@@ -1,5 +1,5 @@
 import './es.array.includes-08e25019.js';
-import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as script$1 } from './fw-button-c8502414.js';
 import { u as uniqueId } from './uniqueId-fe08534a.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
@@ -151,8 +151,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     appear: ""
   }, {
     "default": withCtx(function () {
-      return [_ctx.isOpen ? (openBlock(), createElementBlock("div", {
-        key: 0,
+      return [withDirectives(createElementVNode("div", {
         "class": "fw-modal z-[9999] relative",
         id: "fw-modal-".concat(_ctx.uuid)
       }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
@@ -203,7 +202,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
         }),
         _: 1
-      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4)])])], 8, _hoisted_1)) : createCommentVNode("", true)];
+      }, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4)])])], 8, _hoisted_1), [[vShow, _ctx.isOpen]])];
     }),
     _: 3
   })], 8, ["to"])) : createCommentVNode("", true);

package/esm/fw-provider-list.js

@@ -13,7 +13,7 @@ import './es.function.name-6cafd747.js';
 import './es.array.map-c56ebffd.js';
 import './es.array.concat-99b85557.js';
 import { defineComponent, ref, computed, createTextVNode, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode } from 'vue';
-import { s as script$1 } from './fw-input-259e2e18.js';
+import { s as script$1 } from './fw-input-8969b226.js';
 import { _ as __default__$1 } from './fw-tag-ac28200a.js';
 import { s as script$3 } from './fw-button-c8502414.js';
 import { s as script$2 } from './fw-dropdown-6856e66e.js';

package/esm/fw-sidebar-menu.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, 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-c8502414.js';
 import { h as render$1 } from './index-bced3b35.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
@@ -63,7 +63,6 @@ var script = defineComponent({
 });
 
 var _hoisted_1 = {
-  key: 0,
   "class": "flex flex-col px-4 py-8"
 };
 var _hoisted_2 = {
@@ -100,7 +99,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "sidebarMenuSlide"
   }, {
     "default": withCtx(function () {
-      return [_ctx.isMenuOpen ? (openBlock(), createElementBlock("div", _hoisted_1, [_ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+      return [withDirectives(createElementVNode("div", _hoisted_1, [_ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
         return openBlock(), createElementBlock(Fragment, {
           key: i
         }, [!item.disabled ? (openBlock(), createBlock(_component_FwButton, {
@@ -120,7 +119,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }),
           _: 2
         }, 1032, ["href", "to", "external", "onClick"])) : createCommentVNode("", true)], 64);
-      }), 128))])])) : createCommentVNode("", true)];
+      }), 128))])], 512), [[vShow, _ctx.isMenuOpen]])];
     }),
     _: 3
   })], 2)) : createCommentVNode("", true);

package/esm/fw-tabs.js

@@ -1,5 +1,5 @@
 import './es.number.constructor-fb16fe05.js';
-import { defineComponent, computed, ref, provide, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, getCurrentInstance, inject, watchEffect } from 'vue';
+import { defineComponent, computed, ref, provide, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, getCurrentInstance, inject, watchEffect, withDirectives, vShow } from 'vue';
 import { e as toObject$1, l as lengthOfArrayLike$1, h as fails$1 } from './is-forced-7cb3ee8f.js';
 import { _ as _export } from './export-10c4adbc.js';
 import { a as arrayIteration } from './array-iteration-8267bf22.js';
@@ -175,11 +175,10 @@ var script = defineComponent({
 });
 
 var _hoisted_1 = {
-  key: 0,
   "class": "fw-tab w-full"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.isActive ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true);
+  return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")], 512)), [[vShow, _ctx.isActive]]);
 }
 
 script.render = render;

package/esm/index.js

@@ -46,8 +46,8 @@ import { FwEmailPulse as __default__$5, FwSuccessPulse as __default__$6 } from '
 export { FwEmailPulse, FwSuccessPulse } from './fw-animations.js';
 import { F as Form } from './vee-validate.esm-a17a23c3.js';
 export { F as FwForm } from './vee-validate.esm-a17a23c3.js';
-import { s as script } from './fw-input-259e2e18.js';
-export { s as FwInput } from './fw-input-259e2e18.js';
+import { s as script } from './fw-input-8969b226.js';
+export { s as FwInput } from './fw-input-8969b226.js';
 import { s as script$2 } from './fw-dropdown-6856e66e.js';
 export { s as FwDropdown } from './fw-dropdown-6856e66e.js';
 import { s as script$3 } from './fw-card-1b6a67fe.js';