@frollo/frollo-web-ui 0.0.7 → 0.0.10

package/esm/fw-button-02fc3f47.js

@@ -0,0 +1,181 @@
+import { u as styleInject } from './style-inject.es-da8f7768.js';
+import { defineComponent, ref, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+
+var script = defineComponent({
+  name: 'FwButton',
+  emits: ['click', 'mouseover', 'mouseout', 'focusin', 'focusout'],
+  props: {
+    /**
+     * A `router-link` path or object
+     */
+    to: {
+      type: [String, Object]
+    },
+
+    /**
+     * A URL to link to using a native anchor element
+     */
+    href: String,
+
+    /**
+     * The size of the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
+     */
+    size: {
+      type: String,
+      "default": 'lg',
+      validator: function validator(value) {
+        return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
+      }
+    },
+
+    /**
+     * The colour variant of the button.
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     */
+    variant: {
+      type: String,
+      "default": 'primary',
+      validator: function validator(value) {
+        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'text'].includes(value);
+      }
+    }
+  },
+  setup: function setup(props, ctx) {
+    var buttonClasses = ref({
+      primary: {
+        text: 'text-tertiary hover:text-primary active:text-primary',
+        background: 'bg-primary hover:bg-tertiary active:bg-tertiary',
+        border: 'border-primary focus:ring-primary'
+      },
+      secondary: {
+        text: 'text-primary hover:text-tertiary active:text-tertiary',
+        background: 'bg-tertiary hover:bg-primary active:bg-primary',
+        border: 'border-primary focus:ring-primary'
+      },
+      tertiary: {
+        text: 'text-tertiary hover:text-secondary active:text-secondary',
+        background: 'bg-secondary hover:bg-tertiary active:bg-tertiary',
+        border: 'border-tertiary focus:ring-tertiary'
+      },
+      success: {
+        text: 'text-white hover:text-success active:text-success',
+        background: 'bg-success hover:bg-white active:bg-white',
+        border: 'border-success focus:ring-success'
+      },
+      error: {
+        text: 'text-white hover:text-error active:text-error',
+        background: 'bg-error hover:bg-white active:bg-white',
+        border: 'border-error focus:ring-error'
+      },
+      text: {
+        text: 'text-body font-medium hover:text-white active:text-white',
+        background: 'bg-white hover:bg-body active:bg-body',
+        border: 'border-transparent focus:ring-body'
+      }
+    });
+    var sizes = ref({
+      sm: 'px-2 py-0.5 text-sm',
+      md: 'px-6 py-1 text-md',
+      lg: 'px-10 py-2 text-lg',
+      xl: 'px-12 py-3 text-xl',
+      '2xl': 'px-16 py-4 text-2xl'
+    });
+    var textColorClass = computed(function () {
+      return buttonClasses.value[props.variant].text;
+    });
+    var bgColorClass = computed(function () {
+      return buttonClasses.value[props.variant].background;
+    });
+    var sizeClass = computed(function () {
+      return sizes.value[props.size];
+    });
+    var borderClass = computed(function () {
+      return buttonClasses.value[props.variant].border;
+    });
+    /**
+     * @event Click - Native click
+     */
+
+    var onClick = function onClick(e) {
+      return ctx.emit('click', e);
+    };
+    /**
+     * @event mouseover - Native hover
+     */
+
+
+    var onMouseover = function onMouseover(e) {
+      return ctx.emit('mouseover', e);
+    };
+    /**
+     * @event mouseout - Native hover out
+     */
+
+
+    var onMouseout = function onMouseout(e) {
+      return ctx.emit('mouseout', e);
+    };
+    /**
+     * @event focusin - Native focusin
+     */
+
+
+    var onFocusin = function onFocusin(e) {
+      return ctx.emit('focusin', e);
+    };
+    /**
+     * @event focusout - Native focusout
+     */
+
+
+    var onFocusout = function onFocusout(e) {
+      return ctx.emit('focusout', e);
+    };
+
+    var tagName = computed(function () {
+      if (props.to) return 'router-link';
+      if (props.href) return 'a';
+      return 'button';
+    });
+    return {
+      textColorClass: textColorClass,
+      bgColorClass: bgColorClass,
+      sizeClass: sizeClass,
+      borderClass: borderClass,
+      onClick: onClick,
+      onMouseover: onMouseover,
+      onMouseout: onMouseout,
+      onFocusin: onFocusin,
+      onFocusout: onFocusout,
+      tagName: tagName
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
+    "class": normalizeClass(["fw-button font-bold cursor-pointer whitespace-nowrap rounded-full border-2 focus:outline-none ring-offset-2 focus:ring", [_ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass]]),
+    type: _ctx.tagName === 'button' ? _ctx.tagName : null,
+    to: _ctx.to ? _ctx.to : null,
+    href: _ctx.href ? _ctx.href : null,
+    tabindex: _ctx.to ? 0 : null,
+    onClick: _ctx.onClick,
+    onFocusin: _ctx.onFocusin,
+    onFocusout: _ctx.onFocusout,
+    onMouseover: _ctx.onMouseover,
+    onMouseout: _ctx.onMouseout
+  }, {
+    "default": withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default")];
+    }),
+    _: 3
+  }, 8, ["class", "type", "to", "href", "tabindex", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
+}
+
+var css_248z = ".fw-button{-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
+var stylesheet = ".fw-button{-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as s };

package/esm/fw-button.js

@@ -1,2 +1,3 @@
-export { u as FwButton } from './fw-button-6d5a9671.js';
+export { s as FwButton } from './fw-button-02fc3f47.js';
+import './style-inject.es-da8f7768.js';
 import 'vue';

package/esm/fw-card.js

@@ -60,13 +60,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
-    "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? 'block focus:outline-none ring-offset-3 focus:ring focus:ring-primary transform-none transition-transform hover:-translate-y-1' : ''])
+    tabindex: _ctx.to ? 0 : null,
+    "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? 'block cursor-pointer focus:outline-none ring-offset-3 focus:ring focus:ring-primary transform-none transition-transform hover:-translate-y-1' : ''])
   }, {
     "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("span", _hoisted_3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)];
     }),
     _: 3
-  }, 8, ["to", "href", "class"]);
+  }, 8, ["to", "href", "tabindex", "class"]);
 }
 
 script.render = render;

package/esm/fw-form.js

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

package/esm/fw-input.js

@@ -0,0 +1,194 @@
+import { o as descriptors, v as functionName, f as functionUncurryThis, x as objectDefineProperty, u as styleInject } from './style-inject.es-da8f7768.js';
+import { defineComponent, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition } from 'vue';
+import { a as Field } from './vee-validate.esm-028c6424.js';
+
+var script = defineComponent({
+  name: 'FwInput',
+  emits: ['update:modelValue'],
+  components: {
+    InputField: Field
+  },
+  props: {
+    /**
+     * The input v-model
+     */
+    modelValue: {
+      type: String,
+      "default": ''
+    },
+
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * The input type. Accepts `text` | `password`
+     */
+    type: {
+      type: String,
+      "default": 'text',
+      validator: function validator(value) {
+        return ['text', 'password'].includes(value);
+      }
+    },
+
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+      type: String
+    },
+
+    /**
+     * The placeholder text of the input
+     */
+    placeholder: {
+      type: String,
+      "default": ''
+    },
+
+    /**
+     * Validation rules. Accepts a string, object, function or schema.
+     */
+    rules: {
+      type: [String, Object, Function]
+    }
+  },
+  setup: function setup(props, ctx) {
+    var inputValue = computed({
+      get: function get() {
+        return props.modelValue;
+      },
+      set: function set(state) {
+        return ctx.emit('update:modelValue', state);
+      }
+    });
+    return {
+      inputValue: inputValue
+    };
+  }
+});
+
+var es_function_name = {};
+
+var DESCRIPTORS = descriptors;
+var FUNCTION_NAME_EXISTS = functionName.EXISTS;
+var uncurryThis = functionUncurryThis;
+var defineProperty = objectDefineProperty.f;
+
+var FunctionPrototype = Function.prototype;
+var functionToString = uncurryThis(FunctionPrototype.toString);
+var nameRE = /function\b(?:\s|\/\*[\S\s]*?\*\/|\/\/[^\n\r]*[\n\r]+)*([^\s(/]*)/;
+var regExpExec = uncurryThis(nameRE.exec);
+var NAME = 'name';
+
+// Function instances `.name` property
+// https://tc39.es/ecma262/#sec-function-instances-name
+if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
+  defineProperty(FunctionPrototype, NAME, {
+    configurable: true,
+    get: function () {
+      try {
+        return regExpExec(nameRE, functionToString(this))[1];
+      } catch (error) {
+        return '';
+      }
+    }
+  });
+}
+
+var _hoisted_1 = {
+  "class": "fw-input w-full"
+};
+var _hoisted_2 = {
+  "class": "flex flex-col"
+};
+var _hoisted_3 = ["for"];
+var _hoisted_4 = {
+  "class": "relative"
+};
+var _hoisted_5 = {
+  key: 0,
+  "class": "flex text-grey-base absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
+};
+var _hoisted_6 = ["placeholder", "type"];
+var _hoisted_7 = {
+  key: 0,
+  "class": "flex text-error absolute w-9 h-full inset-y-0 right-0 items-center pr-3 pointer-events-none"
+};
+
+var _hoisted_8 = /*#__PURE__*/createElementVNode("svg", {
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512"
+}, [/*#__PURE__*/createElementVNode("path", {
+  d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n                  242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n                  0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n                  400 256 400z"
+})], -1);
+
+var _hoisted_9 = [_hoisted_8];
+var _hoisted_10 = {
+  "class": "text-error italic text-right text-sm font-medium mt-2 min-h-[21px]"
+};
+var _hoisted_11 = {
+  key: 0
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_InputField = resolveComponent("InputField");
+
+  return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
+    modelValue: _ctx.inputValue,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
+      return _ctx.inputValue = $event;
+    }),
+    name: _ctx.name,
+    rules: _ctx.rules
+  }, {
+    "default": withCtx(function (_ref) {
+      var field = _ref.field,
+          errors = _ref.errors,
+          errorMessage = _ref.errorMessage,
+          meta = _ref.meta;
+      return [createElementVNode("div", _hoisted_2, [_ctx.label ? (openBlock(), createElementBlock("label", {
+        key: 0,
+        "for": _ctx.name,
+        "class": "block mb-2"
+      }, toDisplayString(_ctx.label), 9, _hoisted_3)) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [_ctx.$slots.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "prefixIcon")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
+        placeholder: _ctx.placeholder,
+        type: _ctx.type,
+        "class": ["border-2 border-grey-lightest rounded-lg focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5", {
+          'pl-10': !!_ctx.$slots.prefixIcon
+        }]
+      }), null, 16, _hoisted_6), createVNode(Transition, {
+        name: "errorFadeIn"
+      }, {
+        "default": withCtx(function () {
+          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("div", _hoisted_7, _hoisted_9)) : createCommentVNode("", true)];
+        }),
+        _: 2
+      }, 1024)]), createElementVNode("div", _hoisted_10, [createVNode(Transition, {
+        name: "errorFadeIn"
+      }, {
+        "default": withCtx(function () {
+          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(errorMessage || errors[0]), 1)) : createCommentVNode("", true)];
+        }),
+        _: 2
+      }, 1024)])])];
+    }),
+    _: 3
+  }, 8, ["modelValue", "name", "rules"])]);
+}
+
+var css_248z = ".errorFadeIn-enter-active{-webkit-animation:errorFadeIn .35s;animation:errorFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.errorFadeIn-leave-active{animation:errorFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}";
+var stylesheet = ".errorFadeIn-enter-active{-webkit-animation:errorFadeIn .35s;animation:errorFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.errorFadeIn-leave-active{animation:errorFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as FwInput };

package/esm/fw-navigation-menu.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { u as script$1, v as styleInject } from './fw-button-6d5a9671.js';
+import { s as script$1 } from './fw-button-02fc3f47.js';
+import { u as styleInject } from './style-inject.es-da8f7768.js';
 
 var script = defineComponent({
   name: 'FwNavigationMenu',

package/esm/index.js

@@ -1,10 +1,16 @@
-import { f as functionUncurryThis, a as aCallable$1, b as functionBindNative, c as classofRaw$1, w as wellKnownSymbol$3, g as global$3, i as isCallable$2, d as fails$2, e as getBuiltIn$1, h as inspectSource$1, j as isObject$1, k as indexedObject, t as toObject$1, l as lengthOfArrayLike$1, _ as _export, r as redefine$1, m as documentCreateElement$1, n as createNonEnumerableProperty$1, o as descriptors, p as objectKeys$1, q as toIndexedObject$1, s as objectPropertyIsEnumerable, u as script$1 } from './fw-button-6d5a9671.js';
-export { u as FwButton } from './fw-button-6d5a9671.js';
+import { f as functionUncurryThis, a as aCallable$1, b as functionBindNative, c as classofRaw$1, w as wellKnownSymbol$3, g as global$3, i as isCallable$2, d as fails$2, e as getBuiltIn$1, h as inspectSource$1, j as isObject$1, k as indexedObject, t as toObject$1, l as lengthOfArrayLike$1, _ as _export, r as redefine$1, m as documentCreateElement$1, n as createNonEnumerableProperty$1, o as descriptors, p as objectKeys$1, q as toIndexedObject$1, s as objectPropertyIsEnumerable } from './style-inject.es-da8f7768.js';
 import { FwCard as script } from './fw-card.js';
 export { FwCard } from './fw-card.js';
 import './fw-button.js';
 import { FwNavigationMenu as script$2 } from './fw-navigation-menu.js';
 export { FwNavigationMenu } from './fw-navigation-menu.js';
+import './fw-form.js';
+import { FwInput as script$3 } from './fw-input.js';
+export { FwInput } from './fw-input.js';
+import { s as script$1 } from './fw-button-02fc3f47.js';
+export { s as FwButton } from './fw-button-02fc3f47.js';
+import { F as Form } from './vee-validate.esm-028c6424.js';
+export { F as FwForm } from './vee-validate.esm-028c6424.js';
 import 'vue';
 
 function _arrayWithHoles(arr) {
@@ -472,7 +478,9 @@ var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   FwCard: script,
   FwButton: script$1,
-  FwNavigationMenu: script$2
+  FwNavigationMenu: script$2,
+  FwForm: Form,
+  FwInput: script$3
 });
 
 var install = function install(app) {

package/esm/{fw-button-6d5a9671.js → style-inject.es-da8f7768.js}

@@ -1,5 +1,3 @@
-import { defineComponent, ref, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -1148,176 +1146,6 @@ $({ target: 'Array', proto: true }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('includes');
 
-var script = defineComponent({
-  name: 'FwButton',
-  emits: ['click', 'mouseover', 'mouseout', 'focusin', 'focusout'],
-  props: {
-    /**
-     * A `router-link` path or object
-     */
-    to: {
-      type: [String, Object]
-    },
-
-    /**
-     * A URL to link to using a native anchor element
-     */
-    href: String,
-
-    /**
-     * The size of the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
-     */
-    size: {
-      type: String,
-      "default": 'lg',
-      validator: function validator(value) {
-        return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
-      }
-    },
-
-    /**
-     * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
-     */
-    variant: {
-      type: String,
-      "default": 'primary',
-      validator: function validator(value) {
-        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'text'].includes(value);
-      }
-    }
-  },
-  setup: function setup(props, ctx) {
-    var buttonClasses = ref({
-      primary: {
-        text: 'text-tertiary hover:text-primary active:text-primary',
-        background: 'bg-primary hover:bg-tertiary active:bg-tertiary',
-        border: 'border-primary focus:ring-primary'
-      },
-      secondary: {
-        text: 'text-primary hover:text-tertiary active:text-tertiary',
-        background: 'bg-tertiary hover:bg-primary active:bg-primary',
-        border: 'border-primary focus:ring-primary'
-      },
-      tertiary: {
-        text: 'text-tertiary hover:text-secondary active:text-secondary',
-        background: 'bg-secondary hover:bg-tertiary active:bg-tertiary',
-        border: 'border-tertiary focus:ring-tertiary'
-      },
-      success: {
-        text: 'text-white hover:text-success active:text-success',
-        background: 'bg-success hover:bg-white active:bg-white',
-        border: 'border-success focus:ring-success'
-      },
-      error: {
-        text: 'text-white hover:text-error active:text-error',
-        background: 'bg-error hover:bg-white active:bg-white',
-        border: 'border-error focus:ring-error'
-      },
-      text: {
-        text: 'text-body font-medium hover:text-white active:text-white',
-        background: 'bg-white hover:bg-body active:bg-body',
-        border: 'border-transparent focus:ring-body'
-      }
-    });
-    var sizes = ref({
-      sm: 'px-2 py-0.5 text-sm',
-      md: 'px-6 py-1 text-md',
-      lg: 'px-10 py-2 text-lg',
-      xl: 'px-12 py-3 text-xl',
-      '2xl': 'px-16 py-4 text-2xl'
-    });
-    var textColorClass = computed(function () {
-      return buttonClasses.value[props.variant].text;
-    });
-    var bgColorClass = computed(function () {
-      return buttonClasses.value[props.variant].background;
-    });
-    var sizeClass = computed(function () {
-      return sizes.value[props.size];
-    });
-    var borderClass = computed(function () {
-      return buttonClasses.value[props.variant].border;
-    });
-    /**
-     * @event Click - Native click
-     */
-
-    var onClick = function onClick(e) {
-      return ctx.emit('click', e);
-    };
-    /**
-     * @event mouseover - Native hover
-     */
-
-
-    var onMouseover = function onMouseover(e) {
-      return ctx.emit('mouseover', e);
-    };
-    /**
-     * @event mouseout - Native hover out
-     */
-
-
-    var onMouseout = function onMouseout(e) {
-      return ctx.emit('mouseout', e);
-    };
-    /**
-     * @event focusin - Native focusin
-     */
-
-
-    var onFocusin = function onFocusin(e) {
-      return ctx.emit('focusin', e);
-    };
-    /**
-     * @event focusout - Native focusout
-     */
-
-
-    var onFocusout = function onFocusout(e) {
-      return ctx.emit('focusout', e);
-    };
-
-    var tagName = computed(function () {
-      if (props.to) return 'router-link';
-      if (props.href) return 'a';
-      return 'button';
-    });
-    return {
-      textColorClass: textColorClass,
-      bgColorClass: bgColorClass,
-      sizeClass: sizeClass,
-      borderClass: borderClass,
-      onClick: onClick,
-      onMouseover: onMouseover,
-      onMouseout: onMouseout,
-      onFocusin: onFocusin,
-      onFocusout: onFocusout,
-      tagName: tagName
-    };
-  }
-});
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
-    "class": normalizeClass(["fw-button font-bold cursor-pointer whitespace-nowrap rounded-full border-2 focus:outline-none ring-offset-2 focus:ring", [_ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass]]),
-    type: _ctx.tagName === 'button' ? _ctx.tagName : null,
-    to: _ctx.to ? _ctx.to : null,
-    href: _ctx.href ? _ctx.href : null,
-    onClick: _ctx.onClick,
-    onFocusin: _ctx.onFocusin,
-    onFocusout: _ctx.onFocusout,
-    onMouseover: _ctx.onMouseover,
-    onMouseout: _ctx.onMouseout
-  }, {
-    "default": withCtx(function () {
-      return [renderSlot(_ctx.$slots, "default")];
-    }),
-    _: 3
-  }, 8, ["class", "type", "to", "href", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
-}
-
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -1345,10 +1173,4 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".fw-button{-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
-var stylesheet = ".fw-button{-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
-styleInject(css_248z);
-
-script.render = render;
-
-export { _export as _, aCallable$1 as a, functionBindNative as b, classofRaw as c, fails$7 as d, getBuiltIn$4 as e, functionUncurryThis as f, global$l as g, inspectSource$2 as h, isCallable$9 as i, isObject$5 as j, indexedObject as k, lengthOfArrayLike$1 as l, documentCreateElement$1 as m, createNonEnumerableProperty$3 as n, descriptors as o, objectKeys$1 as p, toIndexedObject$4 as q, redefine$2 as r, objectPropertyIsEnumerable as s, toObject$1 as t, script as u, styleInject as v, wellKnownSymbol$2 as w };
+export { _export as _, aCallable$1 as a, functionBindNative as b, classofRaw as c, fails$7 as d, getBuiltIn$4 as e, functionUncurryThis as f, global$l as g, inspectSource$2 as h, isCallable$9 as i, isObject$5 as j, indexedObject as k, lengthOfArrayLike$1 as l, documentCreateElement$1 as m, createNonEnumerableProperty$3 as n, descriptors as o, objectKeys$1 as p, toIndexedObject$4 as q, redefine$2 as r, objectPropertyIsEnumerable as s, toObject$1 as t, styleInject as u, functionName as v, wellKnownSymbol$2 as w, objectDefineProperty as x };