@frollo/frollo-web-ui 1.2.0 → 1.2.2

package/esm/{add-to-unscopables-89bfb214.js → add-to-unscopables-44076600.js}

@@ -1,6 +1,6 @@
-import { a as descriptors, E as v8PrototypeDefineBug, o as objectDefineProperty, p as anObject$2, j as getBuiltIn$1, d as documentCreateElement$1, w as wellKnownSymbol$1 } from './function-name-fe849d51.js';
-import { t as toIndexedObject$1, m as enumBugKeys$1, p as hiddenKeys$1, s as sharedKey$1 } from './is-forced-8a459969.js';
-import { o as objectKeys$1 } from './object-keys-4b8adc6c.js';
+import { a as descriptors, E as v8PrototypeDefineBug, o as objectDefineProperty, n as anObject$2, m as getBuiltIn$1, d as documentCreateElement$1, w as wellKnownSymbol$1 } from './function-name-0d296891.js';
+import { t as toIndexedObject$1, h as enumBugKeys$1, p as hiddenKeys$1, s as sharedKey$1 } from './is-forced-2369382d.js';
+import { o as objectKeys$1 } from './object-keys-f9d76c12.js';
 
 var objectDefineProperties = {};
 

package/esm/{index-671cf43d.js → array-iteration-10670eca.js}

@@ -1,10 +1,6 @@
-import './es.number.constructor-6891f9eb.js';
-import { defineComponent, computed, ref, provide, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, getCurrentInstance, inject, watchEffect } from 'vue';
-import { f as functionUncurryThis, c as aCallable$1, b as functionBindNative, h as fails$1, i as isCallable$1, j as getBuiltIn$1, k as isObject$1, w as wellKnownSymbol$1, t as toObject$1 } from './function-name-fe849d51.js';
-import { _ as _export } from './object-keys-4b8adc6c.js';
-import { a as classofRaw, i as inspectSource$1, b as indexedObject, l as lengthOfArrayLike$1 } from './is-forced-8a459969.js';
-import { c as classof$2 } from './to-string-cf010dcc.js';
-import { a as addToUnscopables$1 } from './add-to-unscopables-89bfb214.js';
+import { f as functionUncurryThis, k as aCallable$1, b as functionBindNative, c as fails$1, i as isCallable$1, m as getBuiltIn$1, z as isObject$1, w as wellKnownSymbol$1, t as toObject$1 } from './function-name-0d296891.js';
+import { j as classofRaw, m as inspectSource$1, n as indexedObject, l as lengthOfArrayLike$1 } from './is-forced-2369382d.js';
+import { c as classof$2 } from './classof-b2d09c70.js';
 
 var uncurryThis$2 = functionUncurryThis;
 var aCallable = aCallable$1;
@@ -187,142 +183,4 @@ var arrayIteration = {
   filterReject: createMethod(7)
 };
 
-var script$1 = defineComponent({
-  name: 'FwTabs',
-  emits: ['update:modelValue'],
-  props: {
-    /**
-     * The active tab v-model
-     */
-    modelValue: {
-      type: Number,
-      required: true
-    }
-  },
-  setup: function setup(props, ctx) {
-    var active = computed(function () {
-      return props.modelValue;
-    });
-    var tabs = ref();
-    tabs.value = [];
-
-    var selectTab = function selectTab(tab) {
-      ctx.emit('update:modelValue', tab);
-    };
-
-    provide('tabsState', {
-      active: active,
-      tabs: tabs
-    });
-    return {
-      active: active,
-      tabs: tabs,
-      selectTab: selectTab
-    };
-  }
-});
-
-var _hoisted_1$1 = {
-  "class": "fw-tabs"
-};
-var _hoisted_2 = {
-  key: 0,
-  "class": "flex flex-wrap -mb-px border-b border-grey-light dark:text-grey-base dark:border-grey-base"
-};
-var _hoisted_3 = ["onClick"];
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [_ctx.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
-    return openBlock(), createElementBlock("li", {
-      "class": "mr-2",
-      key: i
-    }, [createElementVNode("button", {
-      type: "button",
-      onClick: function onClick($event) {
-        return _ctx.selectTab(i);
-      },
-      "class": normalizeClass(["inline-block p-4 outline-primary border-b-2 border-transparent transition ease-in", _ctx.active === i ? 'font-semibold border-body' : 'hover:bg-grey-lightest'])
-    }, toDisplayString(tab.props.label), 11, _hoisted_3)]);
-  }), 128))])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]);
-}
-
-script$1.render = render$1;
-
-var es_array_findIndex = {};
-
-'use strict';
-var $ = _export;
-var $findIndex = arrayIteration.findIndex;
-var addToUnscopables = addToUnscopables$1;
-
-var FIND_INDEX = 'findIndex';
-var SKIPS_HOLES = true;
-
-// Shouldn't skip holes
-if (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });
-
-// `Array.prototype.findIndex` method
-// https://tc39.es/ecma262/#sec-array.prototype.findindex
-$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
-  findIndex: function findIndex(callbackfn /* , that = undefined */) {
-    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
-
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables(FIND_INDEX);
-
-var script = defineComponent({
-  name: 'FwTab',
-  props: {
-    /**
-     * The label of the tab component used as the button panel label
-     */
-    label: {
-      type: String,
-      required: true
-    }
-  },
-  setup: function setup(props) {
-    var instance = getCurrentInstance();
-
-    var _ref = inject('tabsState') || {
-      tabs: [],
-      active: 0
-    },
-        tabs = _ref.tabs,
-        active = _ref.active;
-
-    var index = computed(function () {
-      var _tabs$value;
-
-      return (_tabs$value = tabs.value) === null || _tabs$value === void 0 ? void 0 : _tabs$value.findIndex(function (target) {
-        return target.uid === (instance === null || instance === void 0 ? void 0 : instance.uid);
-      });
-    });
-    var isActive = computed(function () {
-      return index.value === active.value;
-    });
-    watchEffect(function () {
-      if (index.value === -1) {
-        tabs.value.push(instance);
-      }
-    });
-    return {
-      isActive: isActive,
-      index: index,
-      props: props
-    };
-  }
-});
-
-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);
-}
-
-script.render = render;
-
-export { arrayIteration as a, script as b, script$1 as s };
+export { arrayIteration as a };

package/esm/{to-string-cf010dcc.js → classof-b2d09c70.js}

@@ -1,5 +1,5 @@
-import { w as wellKnownSymbol$2, i as isCallable$1 } from './function-name-fe849d51.js';
-import { a as classofRaw$1 } from './is-forced-8a459969.js';
+import { w as wellKnownSymbol$2, i as isCallable$1 } from './function-name-0d296891.js';
+import { j as classofRaw$1 } from './is-forced-2369382d.js';
 
 var wellKnownSymbol$1 = wellKnownSymbol$2;
 
@@ -29,7 +29,7 @@ var tryGet = function (it, key) {
 };
 
 // getting tag from ES6+ `Object.prototype.toString`
-var classof$1 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
+var classof = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
   var O, tag, result;
   return it === undefined ? 'Undefined' : it === null ? 'Null'
     // @@toStringTag case
@@ -40,13 +40,4 @@ var classof$1 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
     : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;
 };
 
-var classof = classof$1;
-
-var $String = String;
-
-var toString = function (argument) {
-  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
-  return $String(argument);
-};
-
-export { toString as a, classof$1 as c, toStringTagSupport as t };
+export { classof as c, toStringTagSupport as t };

package/esm/{es.array.includes-46369dd6.js → es.array.includes-b402df81.js}

@@ -1,7 +1,7 @@
-import { h as fails$1 } from './function-name-fe849d51.js';
-import { _ as _export } from './object-keys-4b8adc6c.js';
-import { n as arrayIncludes } from './is-forced-8a459969.js';
-import { a as addToUnscopables$1 } from './add-to-unscopables-89bfb214.js';
+import { c as fails$1 } from './function-name-0d296891.js';
+import { _ as _export } from './object-keys-f9d76c12.js';
+import { k as arrayIncludes } from './is-forced-2369382d.js';
+import { a as addToUnscopables$1 } from './add-to-unscopables-44076600.js';
 
 var es_array_includes = {};
 

package/esm/{es.function.name-3a0ddf71.js → es.function.name-383fcdbc.js}

@@ -1,4 +1,4 @@
-import { a as descriptors, A as functionName, f as functionUncurryThis, o as objectDefineProperty } from './function-name-fe849d51.js';
+import { a as descriptors, A as functionName, f as functionUncurryThis, o as objectDefineProperty } from './function-name-0d296891.js';
 
 var es_function_name = {};
 

package/esm/{es.number.constructor-6891f9eb.js → es.number.constructor-6def8fd9.js}

@@ -1,6 +1,6 @@
-import { i as isCallable$2, f as functionUncurryThis, p as anObject$1, k as isObject$1, s as requireObjectCoercible$1, a as descriptors, g as global$1, q as hasOwnProperty_1, B as objectIsPrototypeOf, C as isSymbol$1, D as toPrimitive$1, h as fails$1, o as objectDefineProperty } from './function-name-fe849d51.js';
-import { j as isForced_1, d as defineBuiltIn$1, g as objectGetOwnPropertyNames, h as objectGetOwnPropertyDescriptor } from './is-forced-8a459969.js';
-import { a as toString$1 } from './to-string-cf010dcc.js';
+import { i as isCallable$2, f as functionUncurryThis, n as anObject$1, z as isObject$1, r as requireObjectCoercible$1, a as descriptors, g as global$1, p as hasOwnProperty_1, B as objectIsPrototypeOf, C as isSymbol$1, D as toPrimitive$1, c as fails$1, o as objectDefineProperty } from './function-name-0d296891.js';
+import { i as isForced_1, d as defineBuiltIn$1, e as objectGetOwnPropertyNames, f as objectGetOwnPropertyDescriptor } from './is-forced-2369382d.js';
+import { t as toString$1 } from './to-string-2588bbbe.js';
 
 var es_number_constructor = {};
 

package/esm/{function-name-fe849d51.js → function-name-0d296891.js}

@@ -489,4 +489,4 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-export { functionName as A, objectIsPrototypeOf as B, isSymbol$2 as C, toPrimitive$1 as D, v8PrototypeDefineBug as E, descriptors as a, functionBindNative as b, aCallable$1 as c, documentCreateElement as d, engineUserAgent as e, functionUncurryThis as f, global$7 as g, fails$5 as h, isCallable$5 as i, getBuiltIn$2 as j, isObject$4 as k, tryToString$1 as l, toPropertyKey$1 as m, engineV8Version as n, objectDefineProperty as o, anObject$1 as p, hasOwnProperty_1 as q, defineGlobalProperty$1 as r, requireObjectCoercible$1 as s, toObject$1 as t, functionCall as u, ie8DomDefine as v, wellKnownSymbol$1 as w, sharedStore as x, shared$2 as y, uid$1 as z };
+export { functionName as A, objectIsPrototypeOf as B, isSymbol$2 as C, toPrimitive$1 as D, v8PrototypeDefineBug as E, descriptors as a, functionBindNative as b, fails$5 as c, documentCreateElement as d, engineUserAgent as e, functionUncurryThis as f, global$7 as g, tryToString$1 as h, isCallable$5 as i, toPropertyKey$1 as j, aCallable$1 as k, engineV8Version as l, getBuiltIn$2 as m, anObject$1 as n, objectDefineProperty as o, hasOwnProperty_1 as p, defineGlobalProperty$1 as q, requireObjectCoercible$1 as r, functionCall as s, toObject$1 as t, ie8DomDefine as u, sharedStore as v, wellKnownSymbol$1 as w, shared$2 as x, uid$1 as y, isObject$4 as z };

package/esm/fw-animations.js

@@ -1,9 +1,10 @@
-import './es.number.constructor-6891f9eb.js';
+import './es.number.constructor-6def8fd9.js';
 import { defineComponent, useCssVars, pushScopeId, popScopeId, createElementVNode, openBlock, createElementBlock, createStaticVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-fe849d51.js';
-import './is-forced-8a459969.js';
-import './to-string-cf010dcc.js';
+import './function-name-0d296891.js';
+import './is-forced-2369382d.js';
+import './to-string-2588bbbe.js';
+import './classof-b2d09c70.js';
 
 var __default__$1 = defineComponent({
   name: 'FwEmailPulse',

package/esm/{fw-button-969296c5.js → fw-button-fb8e3fe2.js}

@@ -1,4 +1,4 @@
-import './es.array.includes-46369dd6.js';
+import './es.array.includes-b402df81.js';
 import { defineComponent, ref, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, renderSlot, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/esm/fw-button.js

@@ -1,8 +1,8 @@
-export { s as FwButton } from './fw-button-969296c5.js';
-import './es.array.includes-46369dd6.js';
-import './function-name-fe849d51.js';
-import './object-keys-4b8adc6c.js';
-import './is-forced-8a459969.js';
-import './add-to-unscopables-89bfb214.js';
+export { s as FwButton } from './fw-button-fb8e3fe2.js';
+import './es.array.includes-b402df81.js';
+import './function-name-0d296891.js';
+import './object-keys-f9d76c12.js';
+import './is-forced-2369382d.js';
+import './add-to-unscopables-44076600.js';
 import 'vue';
 import './style-inject.es-1f59c1d0.js';

package/esm/fw-card.js

@@ -79,6 +79,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "default": withCtx(function () {
       return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("div", {
         key: 1,
+        "class": "inline",
         innerHTML: _ctx.title
       }, null, 8, _hoisted_3)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", {
         key: 1,

package/esm/fw-checkbox.js

@@ -1,8 +1,8 @@
 import { defineComponent, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Transition, toDisplayString } from 'vue';
-import { a as Field } from './vee-validate.esm-b64acab1.js';
-import './es.function.name-3a0ddf71.js';
+import { a as Field } from './vee-validate.esm-a17a23c3.js';
+import './es.function.name-383fcdbc.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-fe849d51.js';
+import './function-name-0d296891.js';
 
 var script = defineComponent({
   name: 'FwCheckbox',

package/esm/fw-dropdown.js

@@ -0,0 +1,284 @@
+import './function-name-0d296891.js';
+import { _ as _export } from './object-keys-f9d76c12.js';
+import { a as arrayIteration } from './array-iteration-10670eca.js';
+import { a as addToUnscopables$1 } from './add-to-unscopables-44076600.js';
+import { t as toStringTagSupport, c as classof$1 } from './classof-b2d09c70.js';
+import { d as defineBuiltIn$1 } from './is-forced-2369382d.js';
+import { defineComponent, toRef, ref, computed, onMounted, onBeforeUnmount, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createVNode, Transition, withCtx, Fragment, renderList } from 'vue';
+import { u as useField } from './vee-validate.esm-a17a23c3.js';
+import { r as render$1 } from './index-ca8d7e19.js';
+import './es.function.name-383fcdbc.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import './check-94a5917a.js';
+
+var es_object_toString = {};
+
+'use strict';
+var TO_STRING_TAG_SUPPORT$1 = toStringTagSupport;
+var classof = classof$1;
+
+// `Object.prototype.toString` method implementation
+// https://tc39.es/ecma262/#sec-object.prototype.tostring
+var objectToString = TO_STRING_TAG_SUPPORT$1 ? {}.toString : function toString() {
+  return '[object ' + classof(this) + ']';
+};
+
+var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+var defineBuiltIn = defineBuiltIn$1;
+var toString = objectToString;
+
+// `Object.prototype.toString` method
+// https://tc39.es/ecma262/#sec-object.prototype.tostring
+if (!TO_STRING_TAG_SUPPORT) {
+  defineBuiltIn(Object.prototype, 'toString', toString, { unsafe: true });
+}
+
+var es_array_find = {};
+
+'use strict';
+var $ = _export;
+var $find = arrayIteration.find;
+var addToUnscopables = addToUnscopables$1;
+
+var FIND = 'find';
+var SKIPS_HOLES = true;
+
+// Shouldn't skip holes
+if (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });
+
+// `Array.prototype.find` method
+// https://tc39.es/ecma262/#sec-array.prototype.find
+$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
+  find: function find(callbackfn /* , that = undefined */) {
+    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables(FIND);
+
+var script = defineComponent({
+  name: 'FwDropdown',
+  components: {
+    ChevronDownSvg: render$1
+  },
+  props: {
+    /**
+     * The select v-model
+     */
+    modelValue: {
+      type: String
+    },
+
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+      type: String
+    },
+
+    /**
+     * Validation rules. Accepts an object, string schema or validation function.
+     */
+    rules: {
+      type: [Object, String, Function]
+    },
+
+    /**
+     * An array of options for the dropdown menu.
+     */
+    options: {
+      type: Array,
+      required: true
+    },
+
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+      type: String
+    },
+
+    /**
+     * Custom placeholder text
+     */
+    placeholder: {
+      type: String,
+      required: false,
+      "default": 'Select'
+    }
+  },
+  setup: function setup(props, ctx) {
+    var menuButtonClass = "inline-flex w-full justify-between items-center rounded-md border-2 bg-white px-4 py-3\n      shadow-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2";
+    var menuClass = "absolute left-0 mt-1 w-full text-left z-10 origin-top-left rounded-md bg-grey-20 drop-shadow-lg\n      ring-1 ring-black ring-opacity-5 focus:outline-none";
+    var menuItemClass = "block px-4 py-3 my-1 cursor-pointer hover:bg-white first:rounded-t-md last:rounded-b-md\n      first:mt-0 last:mb-0";
+    var nameRef = toRef(props, 'name');
+
+    var _useField = useField(nameRef, props.rules),
+        errors = _useField.errors,
+        errorMessage = _useField.errorMessage,
+        meta = _useField.meta,
+        fieldVal = _useField.value;
+
+    var selectedOption = ref();
+    var selectValue = computed({
+      get: function get() {
+        return props.modelValue;
+      },
+      set: function set(state) {
+        fieldVal.value = state;
+        ctx.emit('update:modelValue', state);
+      }
+    });
+    var isOpen = ref(false);
+
+    var selectOption = function selectOption(option) {
+      selectValue.value = option.value;
+      selectedOption.value = option;
+      isOpen.value = false;
+    };
+
+    var onEscape = function onEscape(e) {
+      if (e.key === 'Esc' || e.key === 'Escape') {
+        isOpen.value = false;
+      }
+    };
+
+    var menuItemActiveClass = function menuItemActiveClass(option) {
+      var _selectedOption$value;
+
+      if (((_selectedOption$value = selectedOption.value) === null || _selectedOption$value === void 0 ? void 0 : _selectedOption$value.value) === option.value) {
+        return 'bg-white';
+      }
+
+      return 'bg-none';
+    };
+
+    onMounted(function () {
+      if (selectValue.value) {
+        selectedOption.value = props.options.find(function (option) {
+          return option.value === selectValue.value;
+        });
+        if (selectedOption.value) selectOption(selectedOption.value);
+      }
+
+      document.addEventListener('keydown', onEscape);
+    });
+    onBeforeUnmount(function () {
+      document.removeEventListener('keydown', onEscape);
+    });
+    return {
+      menuButtonClass: menuButtonClass,
+      menuClass: menuClass,
+      menuItemClass: menuItemClass,
+      menuItemActiveClass: menuItemActiveClass,
+      errors: errors,
+      errorMessage: errorMessage,
+      meta: meta,
+      fieldVal: fieldVal,
+      isOpen: isOpen,
+      selectValue: selectValue,
+      selectOption: selectOption,
+      selectedOption: selectedOption
+    };
+  }
+});
+
+var _withScopeId = function _withScopeId(n) {
+  return pushScopeId("data-v-1467a810"), n = n(), popScopeId(), n;
+};
+
+var _hoisted_1 = {
+  "class": "fw-dropdown relative"
+};
+var _hoisted_2 = {
+  key: 0,
+  "class": "block mb-2 font-medium text-left"
+};
+var _hoisted_3 = ["id", "aria-expanded"];
+var _hoisted_4 = {
+  key: 0
+};
+var _hoisted_5 = {
+  key: 1,
+  "class": "text-grey-base"
+};
+var _hoisted_6 = ["aria-labelledby"];
+var _hoisted_7 = ["onClick"];
+var _hoisted_8 = {
+  "class": "italic text-right text-sm font-medium min-h-[21px]"
+};
+var _hoisted_9 = {
+  key: 0,
+  "class": "text-error"
+};
+var _hoisted_10 = {
+  key: 1
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _ctx$selectedOption, _ctx$selectedOption2;
+
+  var _component_ChevronDownSvg = resolveComponent("ChevronDownSvg");
+
+  return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true), createElementVNode("button", {
+    type: "button",
+    "class": normalizeClass([_ctx.menuButtonClass, _ctx.isOpen ? 'border-primary' : 'border-grey-40 hover:border-grey-60']),
+    onClick: _cache[0] || (_cache[0] = function ($event) {
+      return _ctx.isOpen = !_ctx.isOpen;
+    }),
+    id: "".concat(_ctx.name, "-fw-dropdown--button"),
+    "aria-expanded": _ctx.isOpen,
+    "aria-haspopup": "true"
+  }, [(_ctx$selectedOption = _ctx.selectedOption) !== null && _ctx$selectedOption !== void 0 && _ctx$selectedOption.label ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString((_ctx$selectedOption2 = _ctx.selectedOption) === null || _ctx$selectedOption2 === void 0 ? void 0 : _ctx$selectedOption2.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(_ctx.placeholder), 1)), createVNode(_component_ChevronDownSvg, {
+    "class": normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
+  }, null, 8, ["class"])], 10, _hoisted_3), createVNode(Transition, {
+    name: "slideUpDown"
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.isOpen ? (openBlock(), createElementBlock("ul", {
+        key: 0,
+        "class": normalizeClass(_ctx.menuClass),
+        role: "menu",
+        "aria-orientation": "vertical",
+        "aria-labelledby": "".concat(_ctx.name, "-fw-dropdown--button"),
+        tabindex: "-1"
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, function (option) {
+        return openBlock(), createElementBlock("li", {
+          key: option.value,
+          "class": normalizeClass([_ctx.menuItemClass, _ctx.menuItemActiveClass(option)]),
+          role: "menuitem",
+          tabindex: "0",
+          onClick: function onClick($event) {
+            return _ctx.selectOption(option);
+          }
+        }, toDisplayString(option.label), 11, _hoisted_7);
+      }), 128))], 10, _hoisted_6)) : createCommentVNode("", true)];
+    }),
+    _: 1
+  }), createElementVNode("div", _hoisted_8, [createVNode(Transition, {
+    name: "fwFadeIn",
+    mode: "out-in"
+  }, {
+    "default": withCtx(function () {
+      return [(_ctx.errorMessage || _ctx.errors[0]) && _ctx.meta.touched ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(_ctx.errorMessage || _ctx.errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
+    }),
+    _: 1
+  })])]);
+}
+
+var css_248z = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
+var stylesheet = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-1467a810";
+
+export { script as FwDropdown };

package/esm/fw-form.js

@@ -1,2 +1,2 @@
-export { F as FwForm } from './vee-validate.esm-b64acab1.js';
+export { F as FwForm } from './vee-validate.esm-a17a23c3.js';
 import 'vue';

package/esm/fw-input.js

@@ -1,12 +1,12 @@
-import './es.array.includes-46369dd6.js';
+import './es.array.includes-b402df81.js';
 import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeClass } from 'vue';
-import { a as Field } from './vee-validate.esm-b64acab1.js';
-import './es.function.name-3a0ddf71.js';
+import { a as Field } from './vee-validate.esm-a17a23c3.js';
+import './es.function.name-383fcdbc.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-fe849d51.js';
-import './object-keys-4b8adc6c.js';
-import './is-forced-8a459969.js';
-import './add-to-unscopables-89bfb214.js';
+import './function-name-0d296891.js';
+import './object-keys-f9d76c12.js';
+import './is-forced-2369382d.js';
+import './add-to-unscopables-44076600.js';
 
 var script = defineComponent({
   name: 'FwInput',

package/esm/fw-modal.js

@@ -1,9 +1,9 @@
-export { s as FwModal } from './index-daa646e2.js';
-import './es.array.includes-46369dd6.js';
-import './function-name-fe849d51.js';
-import './object-keys-4b8adc6c.js';
-import './is-forced-8a459969.js';
-import './add-to-unscopables-89bfb214.js';
+export { s as FwModal } from './index-26d82b11.js';
+import './es.array.includes-b402df81.js';
+import './function-name-0d296891.js';
+import './object-keys-f9d76c12.js';
+import './is-forced-2369382d.js';
+import './add-to-unscopables-44076600.js';
 import 'vue';
-import './fw-button-969296c5.js';
+import './fw-button-fb8e3fe2.js';
 import './style-inject.es-1f59c1d0.js';

package/esm/fw-navigation-menu.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition, normalizeClass } from 'vue';
-import { s as script$1 } from './fw-button-969296c5.js';
+import { s as script$1 } from './fw-button-fb8e3fe2.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './es.array.includes-46369dd6.js';
-import './function-name-fe849d51.js';
-import './object-keys-4b8adc6c.js';
-import './is-forced-8a459969.js';
-import './add-to-unscopables-89bfb214.js';
+import './es.array.includes-b402df81.js';
+import './function-name-0d296891.js';
+import './object-keys-f9d76c12.js';
+import './is-forced-2369382d.js';
+import './add-to-unscopables-44076600.js';
 
 var script = defineComponent({
   name: 'FwNavigationMenu',