@namelivia/vue-components 0.1.7 → 1.0.0

package/dist/index.esm.js

@@ -1,38 +1,83 @@
-var SectionTitle = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h1',{staticClass:"text-center text-6xl leading-relaxed"},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
-staticRenderFns: [],
+import { defineComponent, openBlock, createElementBlock, toDisplayString, createStaticVNode, createElementVNode, renderSlot, createTextVNode, withDirectives, Fragment, renderList, vModelSelect, createCommentVNode, normalizeClass, resolveComponent, createBlock, Transition, withCtx, createVNode } from 'vue';
+
+var script$q = defineComponent({
+  name: 'SectionTitle',
   props: {
-    text: String,
-  },
-};
+    text: {
+      type: String,
+      default: ''
+    }
+  }
+});
+
+const _hoisted_1$n = { class: "text-center text-6xl leading-relaxed" };
 
-var Loading = {
-render: function(){var _vm=this;var _h=_vm.$createElement;_vm._self._c||_h;return _vm._m(0)},
-staticRenderFns: [function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:"text-center.text-1xl.leading-relaxed"},[_vm._v(" Loading... ")]),_vm._v(" "),_c('div',{staticClass:"flex items-center justify-center space-x-2 animate-bounce"},[_c('div',{staticClass:"w-8 h-8 bg-blue-400 rounded-full"}),_vm._v(" "),_c('div',{staticClass:"w-8 h-8 bg-green-400 rounded-full"}),_vm._v(" "),_c('div',{staticClass:"w-8 h-8 bg-red-400 rounded-full"})])])}],
+function render$q(_ctx, _cache) {
+  return (openBlock(), createElementBlock("h1", _hoisted_1$n, toDisplayString(_ctx.text), 1 /* TEXT */))
+}
+
+script$q.render = render$q;
+script$q.__file = "src/SectionTitle.vue";
+
+var script$p = defineComponent({
+  name: "Loading",
   props: {
     text: String,
   },
-};
+});
+
+const _hoisted_1$m = /*#__PURE__*/createStaticVNode("<h1 class=\"text-center.text-1xl.leading-relaxed\">Loading...</h1><div class=\"flex items-center justify-center space-x-2 animate-bounce\"><div class=\"w-8 h-8 bg-blue-400 rounded-full\"></div><div class=\"w-8 h-8 bg-green-400 rounded-full\"></div><div class=\"w-8 h-8 bg-red-400 rounded-full\"></div></div>", 2);
+const _hoisted_3$9 = [
+  _hoisted_1$m
+];
 
-var ResetButton = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",attrs:{"type":"reset"}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
-staticRenderFns: [],
+function render$p(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", null, _hoisted_3$9))
+}
+
+script$p.render = render$p;
+script$p.__file = "src/Loading.vue";
+
+var script$o = defineComponent({
+  name: "ResetButton",
   props: {
     text: String,
   },
+});
+
+const _hoisted_1$l = {
+  class: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
+  type: "reset"
 };
 
-var SubmitButton = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",attrs:{"type":"submit"}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
-staticRenderFns: [],
+function render$o(_ctx, _cache) {
+  return (openBlock(), createElementBlock("button", _hoisted_1$l, toDisplayString(_ctx.text), 1 /* TEXT */))
+}
+
+script$o.render = render$o;
+script$o.__file = "src/ResetButton.vue";
+
+var script$n = defineComponent({
+  name: "SubmitButton",
   props: {
     text: String,
   },
+});
+
+const _hoisted_1$k = {
+  class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",
+  type: "submit"
 };
 
-var RegularButton = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",on:{"click":_vm.onClick}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
-staticRenderFns: [],
+function render$n(_ctx, _cache) {
+  return (openBlock(), createElementBlock("button", _hoisted_1$k, toDisplayString(_ctx.text), 1 /* TEXT */))
+}
+
+script$n.render = render$n;
+script$n.__file = "src/SubmitButton.vue";
+
+var script$m = defineComponent({
+  name: "RegularButton",
   props: {
     text: String,
   },
@@ -41,11 +86,20 @@ staticRenderFns: [],
       this.$emit('click', evt);
     }
   }
-};
+});
 
-var SecondaryButton = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded",on:{"click":_vm.onClick}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
-staticRenderFns: [],
+function render$m(_ctx, _cache) {
+  return (openBlock(), createElementBlock("button", {
+    class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",
+    onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args)))
+  }, toDisplayString(_ctx.text), 1 /* TEXT */))
+}
+
+script$m.render = render$m;
+script$m.__file = "src/RegularButton.vue";
+
+var script$l = defineComponent({
+  name: "SecondaryButton",
   props: {
     text: String,
   },
@@ -54,11 +108,20 @@ staticRenderFns: [],
       this.$emit('click', evt);
     }
   }
-};
+});
+
+function render$l(_ctx, _cache) {
+  return (openBlock(), createElementBlock("button", {
+    class: "bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded",
+    onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args)))
+  }, toDisplayString(_ctx.text), 1 /* TEXT */))
+}
 
-var DangerButton = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",on:{"click":_vm.onClick}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
-staticRenderFns: [],
+script$l.render = render$l;
+script$l.__file = "src/SecondaryButton.vue";
+
+var script$k = defineComponent({
+  name: "DangerButton",
   props: {
     text: String,
   },
@@ -67,17 +130,38 @@ staticRenderFns: [],
       this.$emit('click', evt);
     }
   }
-};
+});
 
-var Card = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"max-w-sm rounded overflow-hidden shadow-lg"},[_vm._t("default")],2)},
-staticRenderFns: [],
-stub: 1
-};
+function render$k(_ctx, _cache) {
+  return (openBlock(), createElementBlock("button", {
+    class: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
+    onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args)))
+  }, toDisplayString(_ctx.text), 1 /* TEXT */))
+}
+
+script$k.render = render$k;
+script$k.__file = "src/DangerButton.vue";
+
+var script$j = defineComponent({
+  name: "Card"
+});
+
+const _hoisted_1$j = { class: "m-8" };
+const _hoisted_2$d = { class: "max-w-sm rounded overflow-hidden shadow-lg" };
+
+function render$j(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$j, [
+    createElementVNode("div", _hoisted_2$d, [
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ]))
+}
+
+script$j.render = render$j;
+script$j.__file = "src/Card.vue";
 
-var CardImage = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('img',{ref:"image",staticClass:"w-full",attrs:{"src":_vm.src,"alt":_vm.alt}})},
-staticRenderFns: [],
+var script$i = defineComponent({
+  name: "CardImage",
   props: {
     src: String,
     alt: String,
@@ -95,19 +179,48 @@ staticRenderFns: [],
   mounted: function () {
     this.$emit('width', this.calculateWidth());
   },
-};
+});
+
+const _hoisted_1$i = ["src", "alt"];
+
+function render$i(_ctx, _cache) {
+  return (openBlock(), createElementBlock("img", {
+    class: "w-full",
+    src: _ctx.src,
+    alt: _ctx.alt,
+    ref: "image"
+  }, null, 8 /* PROPS */, _hoisted_1$i))
+}
 
-var CardBody = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"px-6 py-4"},[_c('div',{staticClass:"font-bold text-xl mb-2"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_c('p',{staticClass:"text-gray-700 text-base"},[_vm._t("default")],2)])},
-staticRenderFns: [],
+script$i.render = render$i;
+script$i.__file = "src/CardImage.vue";
+
+var script$h = defineComponent({
+  name: "CardBody",
   props: {
     title: String,
   },
-};
+});
 
-var Selector = {
-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('div',{staticClass:"relative"},[_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.selected),expression:"selected"}],staticClass:"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",attrs:{"id":_vm.id},on:{"change":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.selected=$event.target.multiple ? $$selectedVal : $$selectedVal[0];},_vm.onChange]}},_vm._l((_vm.options),function(option){return _c('option',{key:option.value,attrs:{"disabled":option.disabled},domProps:{"value":option.value}},[_vm._v("\n        "+_vm._s(option.text)+"\n      ")])}),0),_vm._v(" "),_c('div',{staticClass:"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700"},[_c('svg',{staticClass:"fill-current h-4 w-4",attrs:{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 20 20"}},[_c('path',{attrs:{"d":"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"}})])])])])},
-staticRenderFns: [],
+const _hoisted_1$h = { class: "px-6 py-4" };
+const _hoisted_2$c = { class: "font-bold text-xl mb-2" };
+const _hoisted_3$8 = /*#__PURE__*/createTextVNode("text-gray-700.text-base");
+
+function render$h(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$h, [
+    createElementVNode("div", _hoisted_2$c, toDisplayString(_ctx.title), 1 /* TEXT */),
+    createElementVNode("p", null, [
+      _hoisted_3$8,
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ]))
+}
+
+script$h.render = render$h;
+script$h.__file = "src/CardBody.vue";
+
+var script$g = defineComponent({
+  name: "Selector",
   props: {
     id: {
       type: String,
@@ -129,11 +242,56 @@ staticRenderFns: [],
       this.$emit('selected', this.selected);
     },
   },
-};
+});
 
-var TextInput = {
-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":"text"},domProps:{"value":_vm.text},on:{"input":_vm.onInput}})])},
-staticRenderFns: [],
+const _hoisted_1$g = { class: "mb-4" };
+const _hoisted_2$b = ["for"];
+const _hoisted_3$7 = { class: "relative" };
+const _hoisted_4$2 = ["id"];
+const _hoisted_5$1 = ["value", "disabled"];
+const _hoisted_6 = /*#__PURE__*/createElementVNode("div", { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700" }, [
+  /*#__PURE__*/createElementVNode("svg", {
+    class: "fill-current h-4 w-4",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20"
+  }, [
+    /*#__PURE__*/createElementVNode("path", { d: "M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" })
+  ])
+], -1 /* HOISTED */);
+
+function render$g(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$g, [
+    createElementVNode("label", {
+      class: "block text-gray-700 text-sm font-bold mb-2",
+      for: _ctx.id
+    }, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$b),
+    createElementVNode("div", _hoisted_3$7, [
+      withDirectives(createElementVNode("select", {
+        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",
+        id: _ctx.id,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.selected) = $event)),
+        onChange: _cache[1] || (_cache[1] = (...args) => (_ctx.onChange && _ctx.onChange(...args)))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
+          return (openBlock(), createElementBlock("option", {
+            key: option.value,
+            value: option.value,
+            disabled: option.disabled
+          }, toDisplayString(option.text), 9 /* TEXT, PROPS */, _hoisted_5$1))
+        }), 128 /* KEYED_FRAGMENT */))
+      ], 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_4$2), [
+        [vModelSelect, _ctx.selected]
+      ]),
+      _hoisted_6
+    ])
+  ]))
+}
+
+script$g.render = render$g;
+script$g.__file = "src/Selector.vue";
+
+var script$f = defineComponent({
+  name: "TextInput",
   props: {
     id: {
       type: String,
@@ -157,11 +315,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: [],
+const _hoisted_1$f = { class: "mb-4" };
+const _hoisted_2$a = ["for"];
+const _hoisted_3$6 = ["id", "name", "required", "placeholder", "value"];
+
+function render$f(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$f, [
+    createElementVNode("label", {
+      class: "block text-gray-700 text-sm font-bold mb-2",
+      for: _ctx.id
+    }, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$a),
+    createElementVNode("input", {
+      class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",
+      id: _ctx.id,
+      name: _ctx.id,
+      required: _ctx.required,
+      placeholder: _ctx.placeholder,
+      value: _ctx.text,
+      onInput: _cache[0] || (_cache[0] = (...args) => (_ctx.onInput && _ctx.onInput(...args))),
+      type: "text"
+    }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_3$6)
+  ]))
+}
+
+script$f.render = render$f;
+script$f.__file = "src/TextInput.vue";
+
+var script$e = defineComponent({
+  name: "CheckBoxInput",
   props: {
     id: {
       type: String,
@@ -184,12 +367,32 @@ staticRenderFns: [],
       this.$emit('update', event.target.value);
     },
   },
+});
 
-};
+const _hoisted_1$e = { class: "mb-4" };
+const _hoisted_2$9 = ["id", "name", "required", "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,"min":_vm.min,"step":_vm.step,"type":"number"},domProps:{"value":_vm.amount},on:{"input":_vm.onInput}})])},
-staticRenderFns: [],
+function render$e(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$e, [
+    createElementVNode("input", {
+      id: _ctx.id,
+      name: _ctx.id,
+      required: _ctx.required,
+      value: _ctx.checked,
+      onInput: _cache[0] || (_cache[0] = (...args) => (_ctx.onInput && _ctx.onInput(...args))),
+      type: "checkbox",
+      "unchecked-value": "false"
+    }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_2$9),
+    createCommentVNode("TODO: This seems not to work"),
+    createCommentVNode("label(class=\"block text-gray-700 text-sm font-bold\" :for=\"id\") {{ label }}")
+  ]))
+}
+
+script$e.render = render$e;
+script$e.__file = "src/CheckBoxInput.vue";
+
+var script$d = defineComponent({
+  name: "NumberInput",
   props: {
     id: {
       type: String,
@@ -219,11 +422,38 @@ staticRenderFns: [],
     },
   },
 
-};
+});
+
+const _hoisted_1$d = { class: "mb-4" };
+const _hoisted_2$8 = ["for"];
+const _hoisted_3$5 = ["id", "name", "required", "placeholder", "value", "min", "step"];
 
-var ImageInput = {
-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,"drop-placeholder":_vm.dropPlaceholder,"type":"file","accept":"image/*"},domProps:{"value":_vm.file},on:{"input":_vm.onInput}})])},
-staticRenderFns: [],
+function render$d(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$d, [
+    createElementVNode("label", {
+      class: "block text-gray-700 text-sm font-bold mb-2",
+      for: _ctx.id
+    }, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$8),
+    createElementVNode("input", {
+      class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",
+      id: _ctx.id,
+      name: _ctx.id,
+      required: _ctx.required,
+      placeholder: _ctx.placeholder,
+      value: _ctx.amount,
+      min: _ctx.min,
+      step: _ctx.step,
+      onInput: _cache[0] || (_cache[0] = (...args) => (_ctx.onInput && _ctx.onInput(...args))),
+      type: "number"
+    }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_3$5)
+  ]))
+}
+
+script$d.render = render$d;
+script$d.__file = "src/NumberInput.vue";
+
+var script$c = defineComponent({
+  name: "ImageInput",
   props: {
     id: {
       type: String,
@@ -249,18 +479,68 @@ staticRenderFns: [],
       this.$emit('update', event.target.files[0]);
     },
   },
+});
 
-};
+const _hoisted_1$c = { class: "mb-4" };
+const _hoisted_2$7 = ["for"];
+const _hoisted_3$4 = ["id", "name", "required", "placeholder", "value", "drop-placeholder"];
 
-var CardGrid = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"flex flex-wrap"},[_vm._t("default")],2)},
-staticRenderFns: [],
-stub: 1
-};
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$c, [
+    createElementVNode("label", {
+      class: "block text-gray-700 text-sm font-bold mb-2",
+      for: _ctx.id
+    }, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$7),
+    createElementVNode("input", {
+      class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",
+      id: _ctx.id,
+      name: _ctx.id,
+      required: _ctx.required,
+      placeholder: _ctx.placeholder,
+      value: _ctx.file,
+      "drop-placeholder": _ctx.dropPlaceholder,
+      onInput: _cache[0] || (_cache[0] = (...args) => (_ctx.onInput && _ctx.onInput(...args))),
+      type: "file",
+      accept: "image/*"
+    }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_3$4)
+  ]))
+}
+
+script$c.render = render$c;
+script$c.__file = "src/ImageInput.vue";
+
+var script$b = defineComponent({
+  name: "CardGrid"
+});
+
+const _hoisted_1$b = { class: "flex flex-wrap lg:justify-between justify-center align-content:center" };
+
+function render$b(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$b, [
+    renderSlot(_ctx.$slots, "default")
+  ]))
+}
+
+script$b.render = render$b;
+script$b.__file = "src/CardGrid.vue";
+
+var script$a = defineComponent({
+  name: "Container"
+});
+
+const _hoisted_1$a = { class: "container mx-auto" };
+
+function render$a(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$a, [
+    renderSlot(_ctx.$slots, "default")
+  ]))
+}
 
-var MobileNavigationLink = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:_vm.linkClass,attrs:{"href":_vm.href,"aria-current":"page"}},[_vm._v("\n  "+_vm._s(_vm.text)+"\n")])},
-staticRenderFns: [],
+script$a.render = render$a;
+script$a.__file = "src/Container.vue";
+
+var script$9 = defineComponent({
+  name: "MobileNavigationLink",
   props: {
     text: {
       type: String,
@@ -280,24 +560,79 @@ staticRenderFns: [],
       return 'text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium'
     },
   },
-};
+});
+
+const _hoisted_1$9 = ["href"];
+
+function render$9(_ctx, _cache) {
+  return (openBlock(), createElementBlock("a", {
+    href: _ctx.href,
+    class: normalizeClass(_ctx.linkClass),
+    "aria-current": "page"
+  }, toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$9))
+}
+
+script$9.render = render$9;
+script$9.__file = "src/MobileNavigationLink.vue";
 
-var MobileNavigationLinks = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"sm:hidden",attrs:{"id":"mobile-menu"}},[_c('div',{staticClass:"px-2 pt-2 pb-3 space-y-1"},_vm._l((_vm.links),function(link){return _c('mobile-navigation-link',{key:link.id,attrs:{"href":link.href,"text":link.text}})}),1)])},
-staticRenderFns: [],
+var script$8 = defineComponent({
+  name: "MobileNavigationLinks",
   components: {
-    MobileNavigationLink: MobileNavigationLink,
+    MobileNavigationLink: script$9,
   },
   props: {
     links: {
       type: Array,
     },
+    open: {
+      type: Boolean,
+      default: false,
+    },
   },
+});
+
+const _hoisted_1$8 = {
+  key: 0,
+  class: "sm:hidden",
+  id: "mobile-menu"
 };
+const _hoisted_2$6 = { class: "px-2 pt-2 pb-3 space-y-1" };
+
+function render$8(_ctx, _cache) {
+  const _component_mobile_navigation_link = resolveComponent("mobile-navigation-link");
 
-var NavigationLink = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:_vm.linkClass,attrs:{"href":_vm.href,"aria-current":"page"}},[_vm._v("\n  "+_vm._s(_vm.text)+"\n")])},
-staticRenderFns: [],
+  return (openBlock(), createBlock(Transition, {
+    "enter-active-class": "transition-all",
+    "leave-active-class": "transition-all",
+    "enter-class": "opacity-0 scale-70",
+    "enter-to-class": "opacity-100 scale-100",
+    "leave-class": "opacity-100 scale-100",
+    "leave-to-class": "opacity-0 scale-70"
+  }, {
+    default: withCtx(() => [
+      (_ctx.open)
+        ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+            createElementVNode("div", _hoisted_2$6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.links, (link) => {
+                return (openBlock(), createBlock(_component_mobile_navigation_link, {
+                  key: link.id,
+                  href: link.href,
+                  text: link.text
+                }, null, 8 /* PROPS */, ["href", "text"]))
+              }), 128 /* KEYED_FRAGMENT */))
+            ])
+          ]))
+        : createCommentVNode("v-if", true)
+    ]),
+    _: 1 /* STABLE */
+  }))
+}
+
+script$8.render = render$8;
+script$8.__file = "src/MobileNavigationLinks.vue";
+
+var script$7 = defineComponent({
+  name: "NavigationLink",
   props: {
     text: {
       type: String,
@@ -317,30 +652,84 @@ staticRenderFns: [],
       return 'text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium'
     },
   },
-};
+});
+
+const _hoisted_1$7 = ["href"];
 
-var NavigationLinks = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"hidden sm:block sm:ml-6"},[_c('div',{staticClass:"flex space-x-4"},_vm._l((_vm.links),function(link){return _c('navigation-link',{key:link.id,attrs:{"href":link.href,"text":link.text}})}),1)])},
-staticRenderFns: [],
+function render$7(_ctx, _cache) {
+  return (openBlock(), createElementBlock("a", {
+    href: _ctx.href,
+    class: normalizeClass(_ctx.linkClass),
+    "aria-current": "page"
+  }, toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$7))
+}
+
+script$7.render = render$7;
+script$7.__file = "src/NavigationLink.vue";
+
+var script$6 = defineComponent({
+  name: "NavigationLinks",
   components: {
-    NavigationLink: NavigationLink,
+    NavigationLink: script$7,
   },
   props: {
     links: {
       type: Array,
     },
   },
-};
+});
 
-var NavbarTitle = {
-render: function(){var _vm=this;var _h=_vm.$createElement;_vm._self._c||_h;return _vm._m(0)},
-staticRenderFns: [function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"flex-shrink-0 flex items-center"},[_c('img',{staticClass:"block lg:hidden h-8 w-auto",attrs:{"src":"https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg","alt":"Workflow"}}),_vm._v(" "),_c('img',{staticClass:"hidden lg:block h-8 w-auto",attrs:{"src":"https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg","alt":"Workflow"}})])}],
-stub: 1
-};
+const _hoisted_1$6 = { class: "hidden sm:block sm:ml-6" };
+const _hoisted_2$5 = { class: "flex space-x-4" };
 
-var RightContent = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"},[_c('span',{staticClass:"bg-gray-800 p-1 text-gray-400"},[_vm._v(" "+_vm._s(_vm.$i18n.locale))]),_vm._v(" "),_c('span',{staticClass:"bg-gray-800 p-1 text-gray-400"},[_vm._v(" "+_vm._s(_vm.currentUserEmail)+" ")])])},
-staticRenderFns: [],
+function render$6(_ctx, _cache) {
+  const _component_navigation_link = resolveComponent("navigation-link");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1$6, [
+    createElementVNode("div", _hoisted_2$5, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.links, (link) => {
+        return (openBlock(), createBlock(_component_navigation_link, {
+          key: link.id,
+          href: link.href,
+          text: link.text
+        }, null, 8 /* PROPS */, ["href", "text"]))
+      }), 128 /* KEYED_FRAGMENT */))
+    ])
+  ]))
+}
+
+script$6.render = render$6;
+script$6.__file = "src/NavigationLinks.vue";
+
+var script$5 = defineComponent({
+  name: "NavbarTitle"
+});
+
+const _hoisted_1$5 = { class: "flex-shrink-0 flex items-center" };
+const _hoisted_2$4 = /*#__PURE__*/createElementVNode("img", {
+  class: "block lg:hidden h-8 w-auto",
+  src: "https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg",
+  alt: "Workflow"
+}, null, -1 /* HOISTED */);
+const _hoisted_3$3 = /*#__PURE__*/createElementVNode("img", {
+  class: "hidden lg:block h-8 w-auto",
+  src: "https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg",
+  alt: "Workflow"
+}, null, -1 /* HOISTED */);
+const _hoisted_4$1 = [
+  _hoisted_2$4,
+  _hoisted_3$3
+];
+
+function render$5(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$5, _hoisted_4$1))
+}
+
+script$5.render = render$5;
+script$5.__file = "src/NavbarTitle.vue";
+
+var script$4 = defineComponent({
+  name: "RightContent",
   props: {
     locale: {
       type: String,
@@ -349,23 +738,79 @@ staticRenderFns: [],
       type: String,
     },
   },
-};
+});
 
-var MobileMenuButton = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"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",attrs:{"type":"button","aria-controls":"mobile-menu","aria-expanded":"false"}},[_c('span',{staticClass:"sr-only"},[_vm._v("Open main menu")]),_vm._v(" "),_c('svg',{staticClass:"block h-6 w-6",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","stroke":"currentColor","aria-hidden":"true"}},[_c('path',{attrs:{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2","d":"M4 6h16M4 12h16M4 18h16"}})]),_vm._v(" "),_c('svg',{staticClass:"hidden h-6 w-6",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","stroke":"currentColor","aria-hidden":"true"}},[_c('path',{attrs:{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2","d":"M6 18L18 6M6 6l12 12"}})])])},
-staticRenderFns: [],
-stub: 1
-};
+const _hoisted_1$4 = { class: "absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0" };
+const _hoisted_2$3 = { class: "bg-gray-800 p-1 text-gray-400" };
+const _hoisted_3$2 = { class: "bg-gray-800 p-1 text-gray-400" };
+
+function render$4(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$4, [
+    createElementVNode("span", _hoisted_2$3, toDisplayString(_ctx.$i18n.locale), 1 /* TEXT */),
+    createElementVNode("span", _hoisted_3$2, toDisplayString(_ctx.currentUserEmail), 1 /* TEXT */)
+  ]))
+}
+
+script$4.render = render$4;
+script$4.__file = "src/RightContent.vue";
+
+var script$3 = defineComponent({
+  name: "MobileMenuButton",
+  props: {
+    open: {
+      type: Boolean,
+      default: false
+    },
+  },
+  methods: {
+    onClick(evt) {
+      this.$emit('click', evt);
+    }
+  }
+});
 
-var Navbar = {
-render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"bg-gray-800"},[_c('div',{staticClass:"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8"},[_c('div',{staticClass:"relative flex items-center justify-between h-16"},[_c('div',{staticClass:"absolute inset-y-0 left-0 flex items-center sm:hidden"},[_c('mobile-menu-button')],1),_vm._v(" "),_c('div',{staticClass:"flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"},[_c('navbar-title'),_vm._v(" "),_c('navigation-links',{attrs:{"links":_vm.links}})],1),_vm._v(" "),_c('right-content',{attrs:{"locale":_vm.locale,"current-user-email":_vm.currentUserEmail}})],1)]),_vm._v(" "),_c('mobile-navigation-links',{attrs:{"links":_vm.links}})],1)},
-staticRenderFns: [],
+const _hoisted_1$3 = /*#__PURE__*/createElementVNode("svg", {
+  class: "block h-6 w-6",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, [
+  /*#__PURE__*/createElementVNode("path", {
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "M4 6h16M4 12h16M4 18h16"
+  })
+], -1 /* HOISTED */);
+const _hoisted_2$2 = [
+  _hoisted_1$3
+];
+
+function render$3(_ctx, _cache) {
+  return (openBlock(), createElementBlock("button", {
+    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",
+    type: "button",
+    onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args)))
+  }, _hoisted_2$2))
+}
+
+script$3.render = render$3;
+script$3.__file = "src/MobileMenuButton.vue";
+
+var script$2 = defineComponent({
+  name: "Navbar",
   components: {
-    NavbarTitle: NavbarTitle,
-    NavigationLinks: NavigationLinks,
-    MobileNavigationLinks: MobileNavigationLinks,
-    RightContent: RightContent,
-    MobileMenuButton: MobileMenuButton,
+    NavbarTitle: script$5,
+    NavigationLinks: script$6,
+    MobileNavigationLinks: script$8,
+    RightContent: script$4,
+    MobileMenuButton: script$3,
+  },
+  data() {
+    return {
+      mobileMenuOpen: false,
+    }
   },
   props: {
     links: {
@@ -378,7 +823,108 @@ staticRenderFns: [],
       type: String,
     },
   },
-};
+  methods: {
+    onMobileMenuClick() {
+      this.mobileMenuOpen = !this.mobileMenuOpen;
+    },
+  }
+});
+
+const _hoisted_1$2 = { class: "bg-gray-800" };
+const _hoisted_2$1 = { class: "max-w-7xl mx-auto px-2 sm:px-6 lg:px-8" };
+const _hoisted_3$1 = { class: "relative flex items-center justify-between h-16" };
+const _hoisted_4 = { class: "absolute inset-y-0 left-0 flex items-center sm:hidden" };
+const _hoisted_5 = { class: "flex-1 flex items-center justify-center sm:items-stretch sm:justify-start" };
+
+function render$2(_ctx, _cache) {
+  const _component_mobile_menu_button = resolveComponent("mobile-menu-button");
+  const _component_navbar_title = resolveComponent("navbar-title");
+  const _component_navigation_links = resolveComponent("navigation-links");
+  const _component_right_content = resolveComponent("right-content");
+  const _component_mobile_navigation_links = resolveComponent("mobile-navigation-links");
+
+  return (openBlock(), createElementBlock("nav", _hoisted_1$2, [
+    createElementVNode("div", _hoisted_2$1, [
+      createElementVNode("div", _hoisted_3$1, [
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_mobile_menu_button, {
+            onClick: _ctx.onMobileMenuClick,
+            open: _ctx.mobileMenuOpen
+          }, null, 8 /* PROPS */, ["onClick", "open"])
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          createVNode(_component_navbar_title),
+          createVNode(_component_navigation_links, { links: _ctx.links }, null, 8 /* PROPS */, ["links"])
+        ]),
+        createVNode(_component_right_content, {
+          locale: _ctx.locale,
+          "current-user-email": _ctx.currentUserEmail
+        }, null, 8 /* PROPS */, ["locale", "current-user-email"])
+      ])
+    ]),
+    createVNode(_component_mobile_navigation_links, {
+      links: _ctx.links,
+      open: _ctx.mobileMenuOpen
+    }, null, 8 /* PROPS */, ["links", "open"])
+  ]))
+}
+
+script$2.render = render$2;
+script$2.__file = "src/Navbar.vue";
+
+var script$1 = defineComponent({
+  name: "StyledTable"
+});
+
+const _hoisted_1$1 = { class: "w-full border-collapse" };
+
+function render$1(_ctx, _cache) {
+  return (openBlock(), createElementBlock("table", _hoisted_1$1, [
+    renderSlot(_ctx.$slots, "default")
+  ]))
+}
+
+script$1.render = render$1;
+script$1.__file = "src/StyledTable.vue";
+
+var script = defineComponent({
+  name: "Pagination",
+  props: {
+    previousLabel: String,
+    nextLabel: String,
+    showPrevious: Boolean,
+    previousLink: String,
+    nextLink: String,
+  },
+  components: {
+    RegularButton: script$m
+  }
+});
+
+const _hoisted_1 = { class: "flex justify-between mt-4" };
+const _hoisted_2 = ["href"];
+const _hoisted_3 = ["href"];
+
+function render(_ctx, _cache) {
+  const _component_regular_button = resolveComponent("regular-button");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    (_ctx.showPrevious)
+      ? (openBlock(), createElementBlock("a", {
+          key: 0,
+          href: _ctx.previousLink
+        }, [
+          createVNode(_component_regular_button, { text: _ctx.previousLabel }, null, 8 /* PROPS */, ["text"])
+        ], 8 /* PROPS */, _hoisted_2))
+      : createCommentVNode("v-if", true),
+    createElementVNode("a", { href: _ctx.nextLink }, [
+      createVNode(_component_regular_button, { text: _ctx.nextLabel }, null, 8 /* PROPS */, ["text"])
+    ], 8 /* PROPS */, _hoisted_3)
+  ]))
+}
+
+script.render = render;
+script.__file = "src/Pagination.vue";
 
-export { Card, CardBody, CardGrid, CardImage, CheckBoxInput, DangerButton, ImageInput, Loading, Navbar, NumberInput, RegularButton, ResetButton, SecondaryButton, SectionTitle, Selector, SubmitButton, TextInput };
+export { script$j as Card, script$h as CardBody, script$b as CardGrid, script$i as CardImage, script$e as CheckBoxInput, script$a as Container, script$k as DangerButton, script$c as ImageInput, script$p as Loading, script$2 as Navbar, script$d as NumberInput, script as Pagination, script$m as RegularButton, script$o as ResetButton, script$l as SecondaryButton, script$q as SectionTitle, script$g as Selector, script$1 as StyledTable, script$n as SubmitButton, script$f as TextInput };
 //# sourceMappingURL=index.esm.js.map