@indielayer/ui 0.2.1 → 0.2.4

package/README.md

@@ -1,24 +1,86 @@
-# ui
+<a href="https://indielayer.com/">
+  <img src="https://user-images.githubusercontent.com/3942799/90314498-25807a80-df0c-11ea-9e3a-b2b919bc9f10.png" alt="Indielayer" width="300" />
+</a>
 
-## Project setup
-```
-npm install
-```
+> Tools for creators.
 
-### Compiles and hot-reloads for development
-```
-npm run serve
-```
+## Indielayer UI
+
+> [Tailwind CSS](https://tailwindcss.com) UI components for Vue.js 3 / Nuxt.js 3. Build and prototype fast web applications.
 
-### Compiles and minifies for production
+- [📖 Documentation](https://indielayer.com/ui)
+
+## Getting Started
+
+> [tailwindcss](https://tailwindcss.com) version >= 3.0 must be already present in your application
+
+#### 1. Add `@indielayer/ui` dependency to your project
+
+```bash
+# using npm
+npm install @indielayer/ui --save-dev
+# using yarn
+yarn add @indielayer/ui --dev
 ```
-npm run build
+
+#### 2. Add Indielayer UI Tailwind CSS preset `tailwind-preset.js` to your Tailwind CSS configuration file `tailwind.config.js` with the purge css configurations
+
+```javascript
+// tailwind.config.js
+const indielayer = require('@indielayer/ui/tailwind.preset')
+
+module.exports = {
+  // load indielayer ui presets
+  presets: [indielayer],
+  // allow PurgeCSS to analyze components
+  content: [
+    'node_modules/@indielayer/ui/src/**/*.vue',
+    './src/**/*.vue',
+  ],
+};
 ```
 
-### Lints and fixes files
+### 3. Load the plugin
+#### Load the plugin in your vue 3 application
+
+```javascript
+import { createApp } from 'vue'
+import UI from '@indielayer/ui'
+
+const app = createApp(App)
+
+app.use(UI, { prefix: 'X' })
+
+// or
+import {
+  Input,
+  Button,
+  // ...
+} from '@indielayer/ui'
+
+app.component('XButton', Button)
+app.component('XInput', Input)
 ```
-npm run lint
+
+#### Load the module in your nuxt 3 application
+
+```javascript
+import { defineNuxtConfig } from 'nuxt3'
+
+export default defineNuxtConfig({
+  css: ["~/assets/css/tailwind.css"],
+  buildModules: ['@indielayer/ui/nuxt'],
+  build: {
+    postcss: {
+      postcssOptions: {
+        plugins: {
+          tailwindcss: {},
+          autoprefixer: {},
+        },
+      },
+    },
+  },
+})
 ```
 
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+[📖 &nbsp;Read more](https://indielayer.com/ui)

package/lib/cjs/components/avatar/Avatar.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Avatar_vue_vue_type_script_lang = require('./Avatar.vue_vue_type_script_lang.js');
-var Avatar_vue_vue_type_template_id_d5090cb0_lang = require('./Avatar.vue_vue_type_template_id_d5090cb0_lang.js');
+var Avatar_vue_vue_type_template_id_2549fb8f_lang = require('./Avatar.vue_vue_type_template_id_2549fb8f_lang.js');
 
-Avatar_vue_vue_type_script_lang.render = Avatar_vue_vue_type_template_id_d5090cb0_lang.render;
+Avatar_vue_vue_type_script_lang.render = Avatar_vue_vue_type_template_id_2549fb8f_lang.render;
+Avatar_vue_vue_type_script_lang.__file = "src/components/avatar/Avatar.vue";
 
 module.exports = Avatar_vue_vue_type_script_lang;

package/lib/cjs/components/avatar/{Avatar.vue_vue_type_template_id_d5090cb0_lang.js → Avatar.vue_vue_type_template_id_2549fb8f_lang.js}

@@ -32,19 +32,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: vue.withCtx(() => [
       (!$data.source && $props.name)
-        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString($options.initials), 1))
-        : vue.createCommentVNode("", true),
+        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString($options.initials), 1 /* TEXT */))
+        : vue.createCommentVNode("v-if", true),
       ($data.source)
         ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
             alt: $props.alt,
             src: $props.src,
             class: "h-full w-full"
-          }, null, 8, _hoisted_2))
-        : vue.createCommentVNode("", true)
+          }, null, 8 /* PROPS */, _hoisted_2))
+        : vue.createCommentVNode("v-if", true)
     ]),
-    _: 1
-  }, 8, ["class"]))
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["class"]))
 }
 
 exports.render = render;

package/lib/cjs/components/button/Button.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Button_vue_vue_type_script_lang = require('./Button.vue_vue_type_script_lang.js');
-var Button_vue_vue_type_template_id_1be5b88c_lang = require('./Button.vue_vue_type_template_id_1be5b88c_lang.js');
+var Button_vue_vue_type_template_id_5975756f_lang = require('./Button.vue_vue_type_template_id_5975756f_lang.js');
 
-Button_vue_vue_type_script_lang.render = Button_vue_vue_type_template_id_1be5b88c_lang.render;
+Button_vue_vue_type_script_lang.render = Button_vue_vue_type_template_id_5975756f_lang.render;
+Button_vue_vue_type_script_lang.__file = "src/components/button/Button.vue";
 
 module.exports = Button_vue_vue_type_script_lang;

package/lib/cjs/components/button/{Button.vue_vue_type_template_id_1be5b88c_lang.js → Button.vue_vue_type_template_id_5975756f_lang.js}

@@ -70,8 +70,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             size: _ctx.size,
             class: "absolute"
-          }, null, 8, ["size"]))
-        : vue.createCommentVNode("", true),
+          }, null, 8 /* PROPS */, ["size"]))
+        : vue.createCommentVNode("v-if", true),
       ($props.icon)
         ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
@@ -84,17 +84,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             vue.createVNode(_component_x_icon, {
               size: _ctx.size,
               icon: $props.icon
-            }, null, 8, ["size", "icon"])
-          ], 2))
-        : vue.createCommentVNode("", true),
+            }, null, 8 /* PROPS */, ["size", "icon"])
+          ], 2 /* CLASS */))
+        : vue.createCommentVNode("v-if", true),
       vue.createElementVNode("span", {
         class: vue.normalizeClass({ 'invisible': _ctx.loading })
       }, [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 2)
+      ], 2 /* CLASS */)
     ]),
-    _: 3
-  }, 8, ["to", "class", "aria-busy", "aria-disabled", "disabled", "type"]))
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["to", "class", "aria-busy", "aria-disabled", "disabled", "type"]))
 }
 
 exports.render = render;

package/lib/cjs/components/card/Card.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Card_vue_vue_type_script_lang = require('./Card.vue_vue_type_script_lang.js');
-var Card_vue_vue_type_template_id_6e221de0_lang = require('./Card.vue_vue_type_template_id_6e221de0_lang.js');
+var Card_vue_vue_type_template_id_7be81122_lang = require('./Card.vue_vue_type_template_id_7be81122_lang.js');
 
-Card_vue_vue_type_script_lang.render = Card_vue_vue_type_template_id_6e221de0_lang.render;
+Card_vue_vue_type_script_lang.render = Card_vue_vue_type_template_id_7be81122_lang.render;
+Card_vue_vue_type_script_lang.__file = "src/components/card/Card.vue";
 
 module.exports = Card_vue_vue_type_script_lang;

package/lib/cjs/components/card/{Card.vue_vue_type_template_id_6e221de0_lang.js → Card.vue_vue_type_template_id_7be81122_lang.js}

@@ -15,8 +15,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default")
     ]),
-    _: 3
-  }, 8, ["class"]))
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class"]))
 }
 
 exports.render = render;

package/lib/cjs/components/checkbox/Checkbox.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Checkbox_vue_vue_type_script_lang = require('./Checkbox.vue_vue_type_script_lang.js');
-var Checkbox_vue_vue_type_template_id_d00d1178_lang = require('./Checkbox.vue_vue_type_template_id_d00d1178_lang.js');
+var Checkbox_vue_vue_type_template_id_fa43bd62_lang = require('./Checkbox.vue_vue_type_template_id_fa43bd62_lang.js');
 
-Checkbox_vue_vue_type_script_lang.render = Checkbox_vue_vue_type_template_id_d00d1178_lang.render;
+Checkbox_vue_vue_type_script_lang.render = Checkbox_vue_vue_type_template_id_fa43bd62_lang.render;
+Checkbox_vue_vue_type_script_lang.__file = "src/components/checkbox/Checkbox.vue";
 
 module.exports = Checkbox_vue_vue_type_script_lang;

package/lib/cjs/components/checkbox/{Checkbox.vue_vue_type_template_id_d00d1178_lang.js → Checkbox.vue_vue_type_template_id_fa43bd62_lang.js}

@@ -6,7 +6,7 @@ var vue = require('vue');
 
 const _hoisted_1 = { class: "inline-block mb-1 relative cursor-pointer pb-2" };
 const _hoisted_2 = ["aria-checked", "aria-disabled", "disabled", "name", "required", "value"];
-const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1);
+const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1 /* HOISTED */);
 const _hoisted_4 = [
   _hoisted_3
 ];
@@ -33,7 +33,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.name,
         required: _ctx.required,
         value: _ctx.modelValue
-      }, null, 8, _hoisted_2), [
+      }, null, 8 /* PROPS */, _hoisted_2), [
         [vue.vModelCheckbox, $options.checked]
       ]),
       vue.createElementVNode("div", {
@@ -61,7 +61,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               size: _ctx.size,
               class: "absolute"
-            }, null, 8, ["size"]))
+            }, null, 8 /* PROPS */, ["size"]))
           : (vue.openBlock(), vue.createElementBlock("svg", {
               key: 1,
               class: vue.normalizeClass(["fill-current text-gray-100", {
@@ -71,8 +71,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             'h-4 w-4': _ctx.size === 'xl',
           }]),
               viewBox: "0 0 20 20"
-            }, _hoisted_4, 2))
-      ], 2),
+            }, _hoisted_4, 2 /* CLASS */))
+      ], 2 /* CLASS */),
       vue.createElementVNode("div", {
         class: vue.normalizeClass(["inline-block font-medium text-gray-800 dark:text-gray-200 pl-2", {
           'text-xs': _ctx.size === 'xs',
@@ -85,17 +85,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               textContent: vue.toDisplayString($props.label)
-            }, null, 8, _hoisted_5))
+            }, null, 8 /* PROPS */, _hoisted_5))
           : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-      ], 2)
-    ], 34),
+      ], 2 /* CLASS */)
+    ], 34 /* CLASS, HYDRATE_EVENTS */),
     (_ctx.errorInternal)
       ? (vue.openBlock(), vue.createElementBlock("p", {
           key: 0,
           class: "text-sm text-error-500 mt-1",
           textContent: vue.toDisplayString(_ctx.errorInternal)
-        }, null, 8, _hoisted_6))
-      : vue.createCommentVNode("", true)
+        }, null, 8 /* PROPS */, _hoisted_6))
+      : vue.createCommentVNode("v-if", true)
   ]))
 }
 

package/lib/cjs/components/collapse/Collapse.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Collapse_vue_vue_type_script_lang = require('./Collapse.vue_vue_type_script_lang.js');
-var Collapse_vue_vue_type_template_id_65032827_lang = require('./Collapse.vue_vue_type_template_id_65032827_lang.js');
+var Collapse_vue_vue_type_template_id_06a1c88f_lang = require('./Collapse.vue_vue_type_template_id_06a1c88f_lang.js');
 
-Collapse_vue_vue_type_script_lang.render = Collapse_vue_vue_type_template_id_65032827_lang.render;
+Collapse_vue_vue_type_script_lang.render = Collapse_vue_vue_type_template_id_06a1c88f_lang.render;
+Collapse_vue_vue_type_script_lang.__file = "src/components/collapse/Collapse.vue";
 
 module.exports = Collapse_vue_vue_type_script_lang;

package/lib/cjs/components/collapse/Collapse.vue_vue_type_script_lang.js

@@ -29,19 +29,22 @@ var script = {
     return {
       collapsed: !this.expanded,
       maxHeight: !this.expanded ? 0 : 'auto',
+      observer: null,
     }
   },
 
   beforeMount() {
-    window.addEventListener('resize', this.resizeContent);
+    window.addEventListener('resize', this.onResize);
   },
 
   beforeUnmount() {
-    window.removeEventListener('resize', this.resizeContent);
+    this.observer.disconnect();
+    window.removeEventListener('resize', this.onResize);
   },
 
   mounted() {
-    this.resizeContent();
+    this.observer = new ResizeObserver(this.onResize);
+    this.observer.observe(this.$refs.content);
   },
 
   methods: {
@@ -50,10 +53,10 @@ var script = {
 
       this.collapsed = !this.collapsed;
       this.$emit('toggle', this.collapsed);
-      this.resizeContent();
+      this.onResize();
     },
 
-    resizeContent() {
+    onResize() {
       if (this.collapsed) {
         this.maxHeight = 0;
       } else {

package/lib/cjs/components/collapse/{Collapse.vue_vue_type_template_id_65032827_lang.js → Collapse.vue_vue_type_template_id_06a1c88f_lang.js}

@@ -6,7 +6,7 @@ var vue = require('vue');
 
 const _hoisted_1 = { class: "flex-1" };
 const _hoisted_2 = { class: "absolute top-1/2 transform -translate-y-1/2 right-2" };
-const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1);
+const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1 /* HOISTED */);
 const _hoisted_4 = [
   _hoisted_3
 ];
@@ -42,23 +42,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             $props.iconLeft ? 'mr-2' : 'ml-2',
             { 'rotate-180': !$data.collapsed }
           ]])
-          }, _hoisted_4, 2))
+          }, _hoisted_4, 2 /* CLASS */))
         ])
-      ], 2),
+      ], 2 /* CLASS */),
       (_ctx.$slots.summary)
         ? vue.renderSlot(_ctx.$slots, "summary", { key: 0 })
-        : vue.createCommentVNode("", true),
+        : vue.createCommentVNode("v-if", true),
       vue.createElementVNode("div", {
         class: "overflow-y-hidden transition-all duration-300 ease-in-out",
         style: vue.normalizeStyle({ maxHeight: $data.maxHeight + 'px' })
       }, [
         vue.createElementVNode("div", _hoisted_5, [
           vue.renderSlot(_ctx.$slots, "content")
-        ], 512)
-      ], 4)
+        ], 512 /* NEED_PATCH */)
+      ], 4 /* STYLE */)
     ]),
-    _: 3
-  }, 8, ["aria-disabled", "aria-expanded"]))
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["aria-disabled", "aria-expanded"]))
 }
 
 exports.render = render;

package/lib/cjs/components/colors.vue.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var colors_vue_vue_type_template_id_227ea690_lang = require('./colors.vue_vue_type_template_id_227ea690_lang.js');
+var colors_vue_vue_type_template_id_79d16100_lang = require('./colors.vue_vue_type_template_id_79d16100_lang.js');
 
 const script = {};
 
 
-script.render = colors_vue_vue_type_template_id_227ea690_lang.render;
+script.render = colors_vue_vue_type_template_id_79d16100_lang.render;
+script.__file = "src/components/colors.vue";
 var script$1 = script;
 
 module.exports = script$1;

package/lib/cjs/components/container/Container.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Container_vue_vue_type_script_lang = require('./Container.vue_vue_type_script_lang.js');
-var Container_vue_vue_type_template_id_1109578e_lang = require('./Container.vue_vue_type_template_id_1109578e_lang.js');
+var Container_vue_vue_type_template_id_05f5acf3_lang = require('./Container.vue_vue_type_template_id_05f5acf3_lang.js');
 
-Container_vue_vue_type_script_lang.render = Container_vue_vue_type_template_id_1109578e_lang.render;
+Container_vue_vue_type_script_lang.render = Container_vue_vue_type_template_id_05f5acf3_lang.render;
+Container_vue_vue_type_script_lang.__file = "src/components/container/Container.vue";
 
 module.exports = Container_vue_vue_type_script_lang;

package/lib/cjs/components/container/{Container.vue_vue_type_template_id_1109578e_lang.js → Container.vue_vue_type_template_id_05f5acf3_lang.js}

@@ -9,7 +9,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default")
     ]),
-    _: 3
+    _: 3 /* FORWARDED */
   }))
 }
 

package/lib/cjs/components/divider/Divider.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Divider_vue_vue_type_script_lang = require('./Divider.vue_vue_type_script_lang.js');
-var Divider_vue_vue_type_template_id_041f3bf1_lang = require('./Divider.vue_vue_type_template_id_041f3bf1_lang.js');
+var Divider_vue_vue_type_template_id_3a349aa3_lang = require('./Divider.vue_vue_type_template_id_3a349aa3_lang.js');
 
-Divider_vue_vue_type_script_lang.render = Divider_vue_vue_type_template_id_041f3bf1_lang.render;
+Divider_vue_vue_type_script_lang.render = Divider_vue_vue_type_template_id_3a349aa3_lang.render;
+Divider_vue_vue_type_script_lang.__file = "src/components/divider/Divider.vue";
 
 module.exports = Divider_vue_vue_type_script_lang;

package/lib/cjs/components/divider/{Divider.vue_vue_type_template_id_041f3bf1_lang.js → Divider.vue_vue_type_template_id_3a349aa3_lang.js}

@@ -23,7 +23,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           height: !$props.vertical ? '1px' : 'auto'
         }
       ])
-    }, null, 4),
+    }, null, 4 /* STYLE */),
     ($props.label)
       ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
@@ -32,8 +32,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         'mx-4': !$props.vertical
       }]]),
           textContent: vue.toDisplayString($props.label)
-        }, null, 10, _hoisted_1))
-      : vue.createCommentVNode("", true),
+        }, null, 10 /* CLASS, PROPS */, _hoisted_1))
+      : vue.createCommentVNode("v-if", true),
     vue.createElementVNode("div", {
       class: "bg-gray-200 dark:bg-gray-600 flex-grow",
       style: vue.normalizeStyle([
@@ -42,8 +42,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           height: !$props.vertical ? '1px' : 'auto'
         }
       ])
-    }, null, 4)
-  ], 2))
+    }, null, 4 /* STYLE */)
+  ], 2 /* CLASS */))
 }
 
 exports.render = render;

package/lib/cjs/components/form/Form.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Form_vue_vue_type_script_lang = require('./Form.vue_vue_type_script_lang.js');
-var Form_vue_vue_type_template_id_bf90a49e_lang = require('./Form.vue_vue_type_template_id_bf90a49e_lang.js');
+var Form_vue_vue_type_template_id_a6cab022_lang = require('./Form.vue_vue_type_template_id_a6cab022_lang.js');
 
-Form_vue_vue_type_script_lang.render = Form_vue_vue_type_template_id_bf90a49e_lang.render;
+Form_vue_vue_type_script_lang.render = Form_vue_vue_type_template_id_a6cab022_lang.render;
+Form_vue_vue_type_script_lang.__file = "src/components/form/Form.vue";
 
 module.exports = Form_vue_vue_type_script_lang;

package/lib/cjs/components/form/{Form.vue_vue_type_template_id_bf90a49e_lang.js → Form.vue_vue_type_template_id_a6cab022_lang.js}

@@ -13,8 +13,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     vue.createElementVNode("fieldset", { disabled: $props.disabled }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 8, _hoisted_1)
-  ], 32))
+    ], 8 /* PROPS */, _hoisted_1)
+  ], 32 /* HYDRATE_EVENTS */))
 }
 
 exports.render = render;

package/lib/cjs/components/icon/Icon.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Icon_vue_vue_type_script_lang = require('./Icon.vue_vue_type_script_lang.js');
-var Icon_vue_vue_type_template_id_4fe868d3_lang = require('./Icon.vue_vue_type_template_id_4fe868d3_lang.js');
+var Icon_vue_vue_type_template_id_0933a10f_lang = require('./Icon.vue_vue_type_template_id_0933a10f_lang.js');
 
-Icon_vue_vue_type_script_lang.render = Icon_vue_vue_type_template_id_4fe868d3_lang.render;
+Icon_vue_vue_type_script_lang.render = Icon_vue_vue_type_template_id_0933a10f_lang.render;
+Icon_vue_vue_type_script_lang.__file = "src/components/icon/Icon.vue";
 
 module.exports = Icon_vue_vue_type_script_lang;

package/lib/cjs/components/icon/{Icon.vue_vue_type_template_id_4fe868d3_lang.js → Icon.vue_vue_type_template_id_0933a10f_lang.js}

@@ -25,8 +25,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     vue.createElementVNode("g", {
       innerHTML: $options.icons[$props.icon] ? $options.icons[$props.icon] : $props.icon
-    }, null, 8, _hoisted_1)
-  ], 2))
+    }, null, 8 /* PROPS */, _hoisted_1)
+  ], 2 /* CLASS */))
 }
 
 exports.render = render;

package/lib/cjs/components/image/Image.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Image_vue_vue_type_script_lang = require('./Image.vue_vue_type_script_lang.js');
-var Image_vue_vue_type_template_id_d7718e2c_lang = require('./Image.vue_vue_type_template_id_d7718e2c_lang.js');
+var Image_vue_vue_type_template_id_f1ec3bb2_lang = require('./Image.vue_vue_type_template_id_f1ec3bb2_lang.js');
 
-Image_vue_vue_type_script_lang.render = Image_vue_vue_type_template_id_d7718e2c_lang.render;
+Image_vue_vue_type_script_lang.render = Image_vue_vue_type_template_id_f1ec3bb2_lang.render;
+Image_vue_vue_type_script_lang.__file = "src/components/image/Image.vue";
 
 module.exports = Image_vue_vue_type_script_lang;

package/lib/cjs/components/image/{Image.vue_vue_type_template_id_d7718e2c_lang.js → Image.vue_vue_type_template_id_f1ec3bb2_lang.js}

@@ -7,7 +7,7 @@ var vue = require('vue');
 const _hoisted_1 = ["src"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("img", { src: $data.source }, null, 8, _hoisted_1))
+  return (vue.openBlock(), vue.createElementBlock("img", { src: $data.source }, null, 8 /* PROPS */, _hoisted_1))
 }
 
 exports.render = render;

package/lib/cjs/components/input/Input.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var Input_vue_vue_type_script_lang = require('./Input.vue_vue_type_script_lang.js');
-var Input_vue_vue_type_template_id_0a66306d_lang = require('./Input.vue_vue_type_template_id_0a66306d_lang.js');
+var Input_vue_vue_type_template_id_21c870c5_lang = require('./Input.vue_vue_type_template_id_21c870c5_lang.js');
 
-Input_vue_vue_type_script_lang.render = Input_vue_vue_type_template_id_0a66306d_lang.render;
+Input_vue_vue_type_script_lang.render = Input_vue_vue_type_template_id_21c870c5_lang.render;
+Input_vue_vue_type_script_lang.__file = "src/components/input/Input.vue";
 
 module.exports = Input_vue_vue_type_script_lang;

package/lib/cjs/components/input/{Input.vue_vue_type_template_id_0a66306d_lang.js → Input.vue_vue_type_template_id_21c870c5_lang.js}

@@ -8,19 +8,19 @@ const _hoisted_1 = { class: "inline-block mb-1 relative" };
 const _hoisted_2 = ["textContent"];
 const _hoisted_3 = { class: "relative" };
 const _hoisted_4 = ["disabled", "max", "maxlength", "min", "dir", "minlength", "name", "placeholder", "readonly", "type", "value"];
-const _hoisted_5 = /*#__PURE__*/vue.createElementVNode("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }, null, -1);
+const _hoisted_5 = /*#__PURE__*/vue.createElementVNode("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }, null, -1 /* HOISTED */);
 const _hoisted_6 = /*#__PURE__*/vue.createElementVNode("circle", {
   cx: "12",
   cy: "12",
   r: "3"
-}, null, -1);
-const _hoisted_7 = /*#__PURE__*/vue.createElementVNode("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }, null, -1);
+}, null, -1 /* HOISTED */);
+const _hoisted_7 = /*#__PURE__*/vue.createElementVNode("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }, null, -1 /* HOISTED */);
 const _hoisted_8 = /*#__PURE__*/vue.createElementVNode("line", {
   x1: "1",
   y1: "1",
   x2: "23",
   y2: "23"
-}, null, -1);
+}, null, -1 /* HOISTED */);
 const _hoisted_9 = ["textContent"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -35,8 +35,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         'text-xl': _ctx.size === 'xl',
       }]),
           textContent: vue.toDisplayString($props.label)
-        }, null, 10, _hoisted_2))
-      : vue.createCommentVNode("", true),
+        }, null, 10 /* CLASS, PROPS */, _hoisted_2))
+      : vue.createCommentVNode("v-if", true),
     vue.createElementVNode("div", _hoisted_3, [
       (_ctx.$slots.icon)
         ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -47,8 +47,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }]])
           }, [
             vue.renderSlot(_ctx.$slots, "icon")
-          ], 2))
-        : vue.createCommentVNode("", true),
+          ], 2 /* CLASS */))
+        : vue.createCommentVNode("v-if", true),
       vue.createElementVNode("input", vue.mergeProps({
         ref: "focusRef",
         class: ["appearance-none block w-full text-gray-700 dark:text-gray-200 placeholder-gray-400 dark:placeholder-gray-600 rounded-form leading-tight focus:outline-none focus:border-primary-500 dark:focus:border-primary-500 transition-colors duration-150 ease-in-out border-gray-300 dark:border-gray-700", [
@@ -87,7 +87,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         value: _ctx.modelValue
       }, vue.toHandlers(_ctx.inputListeners), {
         onChange: _cache[0] || (_cache[0] = (...args) => ($options.onChange && $options.onChange(...args)))
-      }), null, 16, _hoisted_4),
+      }), null, 16 /* FULL_PROPS */, _hoisted_4),
       ($props.type === 'password' && $props.showPasswordToggle)
         ? (vue.openBlock(), vue.createElementBlock("svg", {
             key: 1,
@@ -105,21 +105,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   _hoisted_5,
                   _hoisted_6
-                ], 64))
+                ], 64 /* STABLE_FRAGMENT */))
               : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   _hoisted_7,
                   _hoisted_8
-                ], 64))
+                ], 64 /* STABLE_FRAGMENT */))
           ]))
-        : vue.createCommentVNode("", true)
+        : vue.createCommentVNode("v-if", true)
     ]),
     (_ctx.errorInternal)
       ? (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           class: "text-sm text-error-500 mt-1",
           textContent: vue.toDisplayString(_ctx.errorInternal)
-        }, null, 8, _hoisted_9))
-      : vue.createCommentVNode("", true)
+        }, null, 8 /* PROPS */, _hoisted_9))
+      : vue.createCommentVNode("v-if", true)
   ]))
 }