@namelivia/vue-components 0.1.6 → 0.1.7

package/dist/index.esm.js

@@ -159,8 +159,36 @@ staticRenderFns: [],
 
 };
 
+var CheckBoxInput = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('input',{attrs:{"id":_vm.id,"name":_vm.id,"required":_vm.required,"type":"checkbox","unchecked-value":"false"},domProps:{"value":_vm.checked},on:{"input":_vm.onInput}}),_vm._v(" "),_c('label',{staticClass:"block text-gray-700 text-sm font-bold",attrs:{"for":_vm.id}},[_vm._v("\n      "+_vm._s(_vm.label)+"\n    ")])])},
+staticRenderFns: [],
+  props: {
+    id: {
+      type: String,
+    },
+    required: {
+      type: Boolean,
+    },
+    placeholder: {
+      type: String,
+    },
+    label: {
+      type: String,
+    },
+    checked: {
+      type: Boolean,
+    },
+  },
+  methods: {
+    onInput(event) {
+      this.$emit('update', event.target.value);
+    },
+  },
+
+};
+
 var NumberInput = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('label',{staticClass:"block text-gray-700 text-sm font-bold mb-2",attrs:{"for":_vm.id}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")]),_vm._v(" "),_c('input',{staticClass:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",attrs:{"id":_vm.id,"name":_vm.id,"required":_vm.required,"placeholder":_vm.placeholder,"type":"number","min":"1"},domProps:{"value":_vm.value},on:{"input":_vm.onInput}})])},
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('label',{staticClass:"block text-gray-700 text-sm font-bold mb-2",attrs:{"for":_vm.id}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")]),_vm._v(" "),_c('input',{staticClass:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",attrs:{"id":_vm.id,"name":_vm.id,"required":_vm.required,"placeholder":_vm.placeholder,"min":_vm.min,"step":_vm.step,"type":"number"},domProps:{"value":_vm.amount},on:{"input":_vm.onInput}})])},
 staticRenderFns: [],
   props: {
     id: {
@@ -175,9 +203,15 @@ staticRenderFns: [],
     label: {
       type: String,
     },
-    value: {
+    amount: {
       type: Number,
     },
+    min: {
+      type: String,
+    },
+    step: {
+      type: String,
+    },
   },
   methods: {
     onInput(event) {
@@ -346,5 +380,5 @@ staticRenderFns: [],
   },
 };
 
-export { Card, CardBody, CardGrid, CardImage, DangerButton, ImageInput, Loading, Navbar, NumberInput, RegularButton, ResetButton, SecondaryButton, SectionTitle, Selector, SubmitButton, TextInput };
+export { Card, CardBody, CardGrid, CardImage, CheckBoxInput, DangerButton, ImageInput, Loading, Navbar, NumberInput, RegularButton, ResetButton, SecondaryButton, SectionTitle, Selector, SubmitButton, TextInput };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/SectionTitle.vue","../src/Loading.vue","../src/ResetButton.vue","../src/SubmitButton.vue","../src/RegularButton.vue","../src/SecondaryButton.vue","../src/DangerButton.vue","../src/Card.vue","../src/CardImage.vue","../src/CardBody.vue","../src/Selector.vue","../src/TextInput.vue","../src/NumberInput.vue","../src/ImageInput.vue","../src/CardGrid.vue","../src/MobileNavigationLink.vue","../src/MobileNavigationLinks.vue","../src/NavigationLink.vue","../src/NavigationLinks.vue","../src/NavbarTitle.vue","../src/RightContent.vue","../src/MobileMenuButton.vue","../src/Navbar.vue"],"sourcesContent":["<template>\n  <h1 class=\"text-center text-6xl leading-relaxed\"> {{text}} </h1>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n<div>\n  <h1 class=\"text-center.text-1xl.leading-relaxed\"> Loading... </h1>\n  <div class=\"flex items-center justify-center space-x-2 animate-bounce\">\n    <div class=\"w-8 h-8 bg-blue-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-green-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-red-400 rounded-full\" />\n  </div>\n</div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"reset\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"submit\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <div class=\"max-w-sm rounded overflow-hidden shadow-lg\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <img class=\"w-full\" :src=\"src\" :alt=\"alt\" ref=\"image\"/>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    src: String,\n    alt: String,\n  },\n  data: function () {\n    return {\n      imageWidth: 0,\n    }\n  },\n  methods: {\n    calculateWidth() {\n      return this.$refs.image.clientWidth\n    },\n  },\n  mounted: function () {\n    this.$emit('width', this.calculateWidth())\n  },\n}\n</script>\n","<template>\n  <div class=\"px-6 py-4\">\n    <div class=\"font-bold text-xl mb-2\">{{ title }}</div>\n    <p class=\"text-gray-700 text-base\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    title: String,\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <div class=\"relative\">\n      <select\n        :id=\"id\"\n        v-model=\"selected\"\n        class=\"block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500\"\n        @change=\"onChange\"\n      >\n        <option\n          v-for=\"option in options\"\n          :key=\"option.value\"\n          :value=\"option.value\"\n          :disabled=\"option.disabled\"\n        >\n          {{ option.text }}\n        </option>\n      </select>\n      <div\n        class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\"\n      >\n        <svg\n          class=\"fill-current h-4 w-4\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 20 20\"\n        >\n          <path\n            d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"\n          />\n        </svg>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    options: {\n      type: Array,\n    },\n  },\n  data() {\n    return {\n      selected: '',\n    }\n  },\n  methods: {\n    onChange() {\n      this.$emit('selected', this.selected)\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"text\"\n      @input=\"onInput\"\n      type=\"text\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    text: {\n      type: String,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"value\"\n      @input=\"onInput\"\n      type=\"number\"\n      min=\"1\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    value: {\n      type: Number,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"file\"\n      :drop-placeholder=\"dropPlaceholder\"\n      @input=\"onInput\"\n      type=\"file\"\n      accept=\"image/*\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    dropPlaceholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    file: {\n      type: Object,\n    }\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.files[0])\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"flex flex-wrap\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div id=\"mobile-menu\" class=\"sm:hidden\">\n    <div class=\"px-2 pt-2 pb-3 space-y-1\">\n      <mobile-navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport MobileNavigationLink from './MobileNavigationLink.vue'\n\nexport default {\n  components: {\n    MobileNavigationLink: MobileNavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"hidden sm:block sm:ml-6\">\n    <div class=\"flex space-x-4\">\n      <navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport NavigationLink from './NavigationLink.vue'\n\nexport default {\n  components: {\n    NavigationLink: NavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"flex-shrink-0 flex items-center\">\n    <img\n      class=\"block lg:hidden h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg\"\n      alt=\"Workflow\"\n    />\n    <img\n      class=\"hidden lg:block h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg\"\n      alt=\"Workflow\"\n    />\n  </div>\n</template>\n","<template>\n  <div\n    class=\"absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0\"\n  >\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ $i18n.locale }}</span>\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ currentUserEmail }} </span>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n","<template>\n  <button\n    type=\"button\"\n    class=\"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white\"\n    aria-controls=\"mobile-menu\"\n    aria-expanded=\"false\"\n  >\n    <span class=\"sr-only\">Open main menu</span>\n    <!--\n  Icon when menu is closed.\n\n  Heroicon name: outline/menu\n\n  Menu open: \"hidden\", Menu closed: \"block\"\n-->\n    <svg\n      class=\"block h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M4 6h16M4 12h16M4 18h16\"\n      />\n    </svg>\n    <!--\n  Icon when menu is open.\n\n  Heroicon name: outline/x\n\n  Menu open: \"block\", Menu closed: \"hidden\"\n-->\n    <svg\n      class=\"hidden h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M6 18L18 6M6 6l12 12\"\n      />\n    </svg>\n  </button>\n</template>\n","<template>\n  <nav class=\"bg-gray-800\">\n    <div class=\"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8\">\n      <div class=\"relative flex items-center justify-between h-16\">\n        <div class=\"absolute inset-y-0 left-0 flex items-center sm:hidden\">\n          <mobile-menu-button />\n        </div>\n        <div\n          class=\"flex-1 flex items-center justify-center sm:items-stretch sm:justify-start\"\n        >\n          <navbar-title />\n          <navigation-links :links=\"links\" />\n        </div>\n        <right-content\n          :locale=\"locale\"\n          :current-user-email=\"currentUserEmail\"\n        />\n      </div>\n    </div>\n    <mobile-navigation-links :links=\"links\" />\n  </nav>\n</template>\n<script>\nimport MobileNavigationLinks from './MobileNavigationLinks.vue'\nimport NavigationLinks from './NavigationLinks.vue'\nimport NavbarTitle from './NavbarTitle.vue'\nimport RightContent from './RightContent.vue'\nimport MobileMenuButton from './MobileMenuButton.vue'\n\nexport default {\n  components: {\n    NavbarTitle: NavbarTitle,\n    NavigationLinks: NavigationLinks,\n    MobileNavigationLinks: MobileNavigationLinks,\n    RightContent: RightContent,\n    MobileMenuButton: MobileMenuButton,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/SectionTitle.vue","../src/Loading.vue","../src/ResetButton.vue","../src/SubmitButton.vue","../src/RegularButton.vue","../src/SecondaryButton.vue","../src/DangerButton.vue","../src/Card.vue","../src/CardImage.vue","../src/CardBody.vue","../src/Selector.vue","../src/TextInput.vue","../src/CheckBoxInput.vue","../src/NumberInput.vue","../src/ImageInput.vue","../src/CardGrid.vue","../src/MobileNavigationLink.vue","../src/MobileNavigationLinks.vue","../src/NavigationLink.vue","../src/NavigationLinks.vue","../src/NavbarTitle.vue","../src/RightContent.vue","../src/MobileMenuButton.vue","../src/Navbar.vue"],"sourcesContent":["<template>\n  <h1 class=\"text-center text-6xl leading-relaxed\"> {{text}} </h1>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n<div>\n  <h1 class=\"text-center.text-1xl.leading-relaxed\"> Loading... </h1>\n  <div class=\"flex items-center justify-center space-x-2 animate-bounce\">\n    <div class=\"w-8 h-8 bg-blue-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-green-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-red-400 rounded-full\" />\n  </div>\n</div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"reset\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"submit\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <div class=\"max-w-sm rounded overflow-hidden shadow-lg\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <img class=\"w-full\" :src=\"src\" :alt=\"alt\" ref=\"image\"/>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    src: String,\n    alt: String,\n  },\n  data: function () {\n    return {\n      imageWidth: 0,\n    }\n  },\n  methods: {\n    calculateWidth() {\n      return this.$refs.image.clientWidth\n    },\n  },\n  mounted: function () {\n    this.$emit('width', this.calculateWidth())\n  },\n}\n</script>\n","<template>\n  <div class=\"px-6 py-4\">\n    <div class=\"font-bold text-xl mb-2\">{{ title }}</div>\n    <p class=\"text-gray-700 text-base\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    title: String,\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <div class=\"relative\">\n      <select\n        :id=\"id\"\n        v-model=\"selected\"\n        class=\"block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500\"\n        @change=\"onChange\"\n      >\n        <option\n          v-for=\"option in options\"\n          :key=\"option.value\"\n          :value=\"option.value\"\n          :disabled=\"option.disabled\"\n        >\n          {{ option.text }}\n        </option>\n      </select>\n      <div\n        class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\"\n      >\n        <svg\n          class=\"fill-current h-4 w-4\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 20 20\"\n        >\n          <path\n            d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"\n          />\n        </svg>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    options: {\n      type: Array,\n    },\n  },\n  data() {\n    return {\n      selected: '',\n    }\n  },\n  methods: {\n    onChange() {\n      this.$emit('selected', this.selected)\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"text\"\n      @input=\"onInput\"\n      type=\"text\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    text: {\n      type: String,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <input\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :value=\"checked\"\n      @input=\"onInput\"\n      type=\"checkbox\"\n      unchecked-value=\"false\"\n    />\n      <label class=\"block text-gray-700 text-sm font-bold\" :for=\"id\">\n        {{ label }}\n      </label>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    checked: {\n      type: Boolean,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"amount\"\n      :min=\"min\"\n      :step=\"step\"\n      @input=\"onInput\"\n      type=\"number\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    amount: {\n      type: Number,\n    },\n    min: {\n      type: String,\n    },\n    step: {\n      type: String,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"file\"\n      :drop-placeholder=\"dropPlaceholder\"\n      @input=\"onInput\"\n      type=\"file\"\n      accept=\"image/*\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    dropPlaceholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    file: {\n      type: Object,\n    }\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.files[0])\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"flex flex-wrap\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div id=\"mobile-menu\" class=\"sm:hidden\">\n    <div class=\"px-2 pt-2 pb-3 space-y-1\">\n      <mobile-navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport MobileNavigationLink from './MobileNavigationLink.vue'\n\nexport default {\n  components: {\n    MobileNavigationLink: MobileNavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"hidden sm:block sm:ml-6\">\n    <div class=\"flex space-x-4\">\n      <navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport NavigationLink from './NavigationLink.vue'\n\nexport default {\n  components: {\n    NavigationLink: NavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"flex-shrink-0 flex items-center\">\n    <img\n      class=\"block lg:hidden h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg\"\n      alt=\"Workflow\"\n    />\n    <img\n      class=\"hidden lg:block h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg\"\n      alt=\"Workflow\"\n    />\n  </div>\n</template>\n","<template>\n  <div\n    class=\"absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0\"\n  >\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ $i18n.locale }}</span>\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ currentUserEmail }} </span>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n","<template>\n  <button\n    type=\"button\"\n    class=\"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white\"\n    aria-controls=\"mobile-menu\"\n    aria-expanded=\"false\"\n  >\n    <span class=\"sr-only\">Open main menu</span>\n    <!--\n  Icon when menu is closed.\n\n  Heroicon name: outline/menu\n\n  Menu open: \"hidden\", Menu closed: \"block\"\n-->\n    <svg\n      class=\"block h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M4 6h16M4 12h16M4 18h16\"\n      />\n    </svg>\n    <!--\n  Icon when menu is open.\n\n  Heroicon name: outline/x\n\n  Menu open: \"block\", Menu closed: \"hidden\"\n-->\n    <svg\n      class=\"hidden h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M6 18L18 6M6 6l12 12\"\n      />\n    </svg>\n  </button>\n</template>\n","<template>\n  <nav class=\"bg-gray-800\">\n    <div class=\"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8\">\n      <div class=\"relative flex items-center justify-between h-16\">\n        <div class=\"absolute inset-y-0 left-0 flex items-center sm:hidden\">\n          <mobile-menu-button />\n        </div>\n        <div\n          class=\"flex-1 flex items-center justify-center sm:items-stretch sm:justify-start\"\n        >\n          <navbar-title />\n          <navigation-links :links=\"links\" />\n        </div>\n        <right-content\n          :locale=\"locale\"\n          :current-user-email=\"currentUserEmail\"\n        />\n      </div>\n    </div>\n    <mobile-navigation-links :links=\"links\" />\n  </nav>\n</template>\n<script>\nimport MobileNavigationLinks from './MobileNavigationLinks.vue'\nimport NavigationLinks from './NavigationLinks.vue'\nimport NavbarTitle from './NavbarTitle.vue'\nimport RightContent from './RightContent.vue'\nimport MobileMenuButton from './MobileMenuButton.vue'\n\nexport default {\n  components: {\n    NavbarTitle: NavbarTitle,\n    NavigationLinks: NavigationLinks,\n    MobileNavigationLinks: MobileNavigationLinks,\n    RightContent: RightContent,\n    MobileMenuButton: MobileMenuButton,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -163,8 +163,36 @@ staticRenderFns: [],
 
 };
 
+var CheckBoxInput = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('input',{attrs:{"id":_vm.id,"name":_vm.id,"required":_vm.required,"type":"checkbox","unchecked-value":"false"},domProps:{"value":_vm.checked},on:{"input":_vm.onInput}}),_vm._v(" "),_c('label',{staticClass:"block text-gray-700 text-sm font-bold",attrs:{"for":_vm.id}},[_vm._v("\n      "+_vm._s(_vm.label)+"\n    ")])])},
+staticRenderFns: [],
+  props: {
+    id: {
+      type: String,
+    },
+    required: {
+      type: Boolean,
+    },
+    placeholder: {
+      type: String,
+    },
+    label: {
+      type: String,
+    },
+    checked: {
+      type: Boolean,
+    },
+  },
+  methods: {
+    onInput(event) {
+      this.$emit('update', event.target.value);
+    },
+  },
+
+};
+
 var NumberInput = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('label',{staticClass:"block text-gray-700 text-sm font-bold mb-2",attrs:{"for":_vm.id}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")]),_vm._v(" "),_c('input',{staticClass:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",attrs:{"id":_vm.id,"name":_vm.id,"required":_vm.required,"placeholder":_vm.placeholder,"type":"number","min":"1"},domProps:{"value":_vm.value},on:{"input":_vm.onInput}})])},
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('label',{staticClass:"block text-gray-700 text-sm font-bold mb-2",attrs:{"for":_vm.id}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")]),_vm._v(" "),_c('input',{staticClass:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",attrs:{"id":_vm.id,"name":_vm.id,"required":_vm.required,"placeholder":_vm.placeholder,"min":_vm.min,"step":_vm.step,"type":"number"},domProps:{"value":_vm.amount},on:{"input":_vm.onInput}})])},
 staticRenderFns: [],
   props: {
     id: {
@@ -179,9 +207,15 @@ staticRenderFns: [],
     label: {
       type: String,
     },
-    value: {
+    amount: {
       type: Number,
     },
+    min: {
+      type: String,
+    },
+    step: {
+      type: String,
+    },
   },
   methods: {
     onInput(event) {
@@ -354,6 +388,7 @@ exports.Card = Card;
 exports.CardBody = CardBody;
 exports.CardGrid = CardGrid;
 exports.CardImage = CardImage;
+exports.CheckBoxInput = CheckBoxInput;
 exports.DangerButton = DangerButton;
 exports.ImageInput = ImageInput;
 exports.Loading = Loading;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/SectionTitle.vue","../src/Loading.vue","../src/ResetButton.vue","../src/SubmitButton.vue","../src/RegularButton.vue","../src/SecondaryButton.vue","../src/DangerButton.vue","../src/Card.vue","../src/CardImage.vue","../src/CardBody.vue","../src/Selector.vue","../src/TextInput.vue","../src/NumberInput.vue","../src/ImageInput.vue","../src/CardGrid.vue","../src/MobileNavigationLink.vue","../src/MobileNavigationLinks.vue","../src/NavigationLink.vue","../src/NavigationLinks.vue","../src/NavbarTitle.vue","../src/RightContent.vue","../src/MobileMenuButton.vue","../src/Navbar.vue"],"sourcesContent":["<template>\n  <h1 class=\"text-center text-6xl leading-relaxed\"> {{text}} </h1>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n<div>\n  <h1 class=\"text-center.text-1xl.leading-relaxed\"> Loading... </h1>\n  <div class=\"flex items-center justify-center space-x-2 animate-bounce\">\n    <div class=\"w-8 h-8 bg-blue-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-green-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-red-400 rounded-full\" />\n  </div>\n</div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"reset\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"submit\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <div class=\"max-w-sm rounded overflow-hidden shadow-lg\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <img class=\"w-full\" :src=\"src\" :alt=\"alt\" ref=\"image\"/>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    src: String,\n    alt: String,\n  },\n  data: function () {\n    return {\n      imageWidth: 0,\n    }\n  },\n  methods: {\n    calculateWidth() {\n      return this.$refs.image.clientWidth\n    },\n  },\n  mounted: function () {\n    this.$emit('width', this.calculateWidth())\n  },\n}\n</script>\n","<template>\n  <div class=\"px-6 py-4\">\n    <div class=\"font-bold text-xl mb-2\">{{ title }}</div>\n    <p class=\"text-gray-700 text-base\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    title: String,\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <div class=\"relative\">\n      <select\n        :id=\"id\"\n        v-model=\"selected\"\n        class=\"block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500\"\n        @change=\"onChange\"\n      >\n        <option\n          v-for=\"option in options\"\n          :key=\"option.value\"\n          :value=\"option.value\"\n          :disabled=\"option.disabled\"\n        >\n          {{ option.text }}\n        </option>\n      </select>\n      <div\n        class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\"\n      >\n        <svg\n          class=\"fill-current h-4 w-4\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 20 20\"\n        >\n          <path\n            d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"\n          />\n        </svg>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    options: {\n      type: Array,\n    },\n  },\n  data() {\n    return {\n      selected: '',\n    }\n  },\n  methods: {\n    onChange() {\n      this.$emit('selected', this.selected)\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"text\"\n      @input=\"onInput\"\n      type=\"text\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    text: {\n      type: String,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"value\"\n      @input=\"onInput\"\n      type=\"number\"\n      min=\"1\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    value: {\n      type: Number,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"file\"\n      :drop-placeholder=\"dropPlaceholder\"\n      @input=\"onInput\"\n      type=\"file\"\n      accept=\"image/*\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    dropPlaceholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    file: {\n      type: Object,\n    }\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.files[0])\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"flex flex-wrap\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div id=\"mobile-menu\" class=\"sm:hidden\">\n    <div class=\"px-2 pt-2 pb-3 space-y-1\">\n      <mobile-navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport MobileNavigationLink from './MobileNavigationLink.vue'\n\nexport default {\n  components: {\n    MobileNavigationLink: MobileNavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"hidden sm:block sm:ml-6\">\n    <div class=\"flex space-x-4\">\n      <navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport NavigationLink from './NavigationLink.vue'\n\nexport default {\n  components: {\n    NavigationLink: NavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"flex-shrink-0 flex items-center\">\n    <img\n      class=\"block lg:hidden h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg\"\n      alt=\"Workflow\"\n    />\n    <img\n      class=\"hidden lg:block h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg\"\n      alt=\"Workflow\"\n    />\n  </div>\n</template>\n","<template>\n  <div\n    class=\"absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0\"\n  >\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ $i18n.locale }}</span>\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ currentUserEmail }} </span>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n","<template>\n  <button\n    type=\"button\"\n    class=\"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white\"\n    aria-controls=\"mobile-menu\"\n    aria-expanded=\"false\"\n  >\n    <span class=\"sr-only\">Open main menu</span>\n    <!--\n  Icon when menu is closed.\n\n  Heroicon name: outline/menu\n\n  Menu open: \"hidden\", Menu closed: \"block\"\n-->\n    <svg\n      class=\"block h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M4 6h16M4 12h16M4 18h16\"\n      />\n    </svg>\n    <!--\n  Icon when menu is open.\n\n  Heroicon name: outline/x\n\n  Menu open: \"block\", Menu closed: \"hidden\"\n-->\n    <svg\n      class=\"hidden h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M6 18L18 6M6 6l12 12\"\n      />\n    </svg>\n  </button>\n</template>\n","<template>\n  <nav class=\"bg-gray-800\">\n    <div class=\"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8\">\n      <div class=\"relative flex items-center justify-between h-16\">\n        <div class=\"absolute inset-y-0 left-0 flex items-center sm:hidden\">\n          <mobile-menu-button />\n        </div>\n        <div\n          class=\"flex-1 flex items-center justify-center sm:items-stretch sm:justify-start\"\n        >\n          <navbar-title />\n          <navigation-links :links=\"links\" />\n        </div>\n        <right-content\n          :locale=\"locale\"\n          :current-user-email=\"currentUserEmail\"\n        />\n      </div>\n    </div>\n    <mobile-navigation-links :links=\"links\" />\n  </nav>\n</template>\n<script>\nimport MobileNavigationLinks from './MobileNavigationLinks.vue'\nimport NavigationLinks from './NavigationLinks.vue'\nimport NavbarTitle from './NavbarTitle.vue'\nimport RightContent from './RightContent.vue'\nimport MobileMenuButton from './MobileMenuButton.vue'\n\nexport default {\n  components: {\n    NavbarTitle: NavbarTitle,\n    NavigationLinks: NavigationLinks,\n    MobileNavigationLinks: MobileNavigationLinks,\n    RightContent: RightContent,\n    MobileMenuButton: MobileMenuButton,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/SectionTitle.vue","../src/Loading.vue","../src/ResetButton.vue","../src/SubmitButton.vue","../src/RegularButton.vue","../src/SecondaryButton.vue","../src/DangerButton.vue","../src/Card.vue","../src/CardImage.vue","../src/CardBody.vue","../src/Selector.vue","../src/TextInput.vue","../src/CheckBoxInput.vue","../src/NumberInput.vue","../src/ImageInput.vue","../src/CardGrid.vue","../src/MobileNavigationLink.vue","../src/MobileNavigationLinks.vue","../src/NavigationLink.vue","../src/NavigationLinks.vue","../src/NavbarTitle.vue","../src/RightContent.vue","../src/MobileMenuButton.vue","../src/Navbar.vue"],"sourcesContent":["<template>\n  <h1 class=\"text-center text-6xl leading-relaxed\"> {{text}} </h1>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n<div>\n  <h1 class=\"text-center.text-1xl.leading-relaxed\"> Loading... </h1>\n  <div class=\"flex items-center justify-center space-x-2 animate-bounce\">\n    <div class=\"w-8 h-8 bg-blue-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-green-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-red-400 rounded-full\" />\n  </div>\n</div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"reset\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"submit\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <div class=\"max-w-sm rounded overflow-hidden shadow-lg\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <img class=\"w-full\" :src=\"src\" :alt=\"alt\" ref=\"image\"/>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    src: String,\n    alt: String,\n  },\n  data: function () {\n    return {\n      imageWidth: 0,\n    }\n  },\n  methods: {\n    calculateWidth() {\n      return this.$refs.image.clientWidth\n    },\n  },\n  mounted: function () {\n    this.$emit('width', this.calculateWidth())\n  },\n}\n</script>\n","<template>\n  <div class=\"px-6 py-4\">\n    <div class=\"font-bold text-xl mb-2\">{{ title }}</div>\n    <p class=\"text-gray-700 text-base\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    title: String,\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <div class=\"relative\">\n      <select\n        :id=\"id\"\n        v-model=\"selected\"\n        class=\"block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500\"\n        @change=\"onChange\"\n      >\n        <option\n          v-for=\"option in options\"\n          :key=\"option.value\"\n          :value=\"option.value\"\n          :disabled=\"option.disabled\"\n        >\n          {{ option.text }}\n        </option>\n      </select>\n      <div\n        class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\"\n      >\n        <svg\n          class=\"fill-current h-4 w-4\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 20 20\"\n        >\n          <path\n            d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"\n          />\n        </svg>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    options: {\n      type: Array,\n    },\n  },\n  data() {\n    return {\n      selected: '',\n    }\n  },\n  methods: {\n    onChange() {\n      this.$emit('selected', this.selected)\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"text\"\n      @input=\"onInput\"\n      type=\"text\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    text: {\n      type: String,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <input\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :value=\"checked\"\n      @input=\"onInput\"\n      type=\"checkbox\"\n      unchecked-value=\"false\"\n    />\n      <label class=\"block text-gray-700 text-sm font-bold\" :for=\"id\">\n        {{ label }}\n      </label>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    checked: {\n      type: Boolean,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"amount\"\n      :min=\"min\"\n      :step=\"step\"\n      @input=\"onInput\"\n      type=\"number\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    amount: {\n      type: Number,\n    },\n    min: {\n      type: String,\n    },\n    step: {\n      type: String,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"file\"\n      :drop-placeholder=\"dropPlaceholder\"\n      @input=\"onInput\"\n      type=\"file\"\n      accept=\"image/*\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    dropPlaceholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    file: {\n      type: Object,\n    }\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.files[0])\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"flex flex-wrap\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div id=\"mobile-menu\" class=\"sm:hidden\">\n    <div class=\"px-2 pt-2 pb-3 space-y-1\">\n      <mobile-navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport MobileNavigationLink from './MobileNavigationLink.vue'\n\nexport default {\n  components: {\n    MobileNavigationLink: MobileNavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"hidden sm:block sm:ml-6\">\n    <div class=\"flex space-x-4\">\n      <navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport NavigationLink from './NavigationLink.vue'\n\nexport default {\n  components: {\n    NavigationLink: NavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"flex-shrink-0 flex items-center\">\n    <img\n      class=\"block lg:hidden h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg\"\n      alt=\"Workflow\"\n    />\n    <img\n      class=\"hidden lg:block h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg\"\n      alt=\"Workflow\"\n    />\n  </div>\n</template>\n","<template>\n  <div\n    class=\"absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0\"\n  >\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ $i18n.locale }}</span>\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ currentUserEmail }} </span>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n","<template>\n  <button\n    type=\"button\"\n    class=\"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white\"\n    aria-controls=\"mobile-menu\"\n    aria-expanded=\"false\"\n  >\n    <span class=\"sr-only\">Open main menu</span>\n    <!--\n  Icon when menu is closed.\n\n  Heroicon name: outline/menu\n\n  Menu open: \"hidden\", Menu closed: \"block\"\n-->\n    <svg\n      class=\"block h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M4 6h16M4 12h16M4 18h16\"\n      />\n    </svg>\n    <!--\n  Icon when menu is open.\n\n  Heroicon name: outline/x\n\n  Menu open: \"block\", Menu closed: \"hidden\"\n-->\n    <svg\n      class=\"hidden h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M6 18L18 6M6 6l12 12\"\n      />\n    </svg>\n  </button>\n</template>\n","<template>\n  <nav class=\"bg-gray-800\">\n    <div class=\"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8\">\n      <div class=\"relative flex items-center justify-between h-16\">\n        <div class=\"absolute inset-y-0 left-0 flex items-center sm:hidden\">\n          <mobile-menu-button />\n        </div>\n        <div\n          class=\"flex-1 flex items-center justify-center sm:items-stretch sm:justify-start\"\n        >\n          <navbar-title />\n          <navigation-links :links=\"links\" />\n        </div>\n        <right-content\n          :locale=\"locale\"\n          :current-user-email=\"currentUserEmail\"\n        />\n      </div>\n    </div>\n    <mobile-navigation-links :links=\"links\" />\n  </nav>\n</template>\n<script>\nimport MobileNavigationLinks from './MobileNavigationLinks.vue'\nimport NavigationLinks from './NavigationLinks.vue'\nimport NavbarTitle from './NavbarTitle.vue'\nimport RightContent from './RightContent.vue'\nimport MobileMenuButton from './MobileMenuButton.vue'\n\nexport default {\n  components: {\n    NavbarTitle: NavbarTitle,\n    NavigationLinks: NavigationLinks,\n    MobileNavigationLinks: MobileNavigationLinks,\n    RightContent: RightContent,\n    MobileMenuButton: MobileMenuButton,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namelivia/vue-components",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "scripts": {

package/src/NumberInput.vue

@@ -32,7 +32,7 @@ export default {
     label: {
       type: String,
     },
-    amount:: {
+    amount: {
       type: Number,
     },
     min: {

package/src/index.js

@@ -12,7 +12,6 @@ import { default as Selector } from './Selector.vue'
 import { default as TextInput } from './TextInput.vue'
 import { default as CheckBoxInput } from './CheckBoxInput.vue'
 import { default as NumberInput } from './NumberInput.vue'
-import { default as NumberInput } from './NumberInput.vue'
 import { default as ImageInput } from './ImageInput.vue'
 import { default as CardGrid } from './CardGrid.vue'
 import { default as Navbar } from './Navbar.vue'
@@ -31,7 +30,6 @@ export {
   TextInput,
   CheckBoxInput,
   NumberInput,
-  NumberInput,
   ImageInput,
   CardGrid,
   Navbar