@indielayer/ui 0.1.1 → 0.2.3

package/lib/cjs/components/form/{Form.vue_vue&type=template&id=341983a2&lang.js → Form.vue_vue_type_template_id_a6cab022_lang.js}

@@ -8,13 +8,13 @@ const _hoisted_1 = ["disabled"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("form", {
-    onSubmit: _cache[0] || (_cache[0] = (...args) => ($options.submit && $options.submit(...args))),
-    onKeypress: _cache[1] || (_cache[1] = vue.withKeys((...args) => ($options.submit && $options.submit(...args)), ["enter"]))
+    onSubmit: _cache[0] || (_cache[0] = (...args) => ($setup.submit && $setup.submit(...args))),
+    onKeypress: _cache[1] || (_cache[1] = vue.withKeys((...args) => ($setup.submit && $setup.submit(...args)), ["enter"]))
   }, [
     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_2e35bbff_lang = require('./Icon.vue_vue&type=template&id=2e35bbff&lang.js');
+var Icon_vue_vue_type_script_lang = require('./Icon.vue_vue_type_script_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_2e35bbff_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=script&lang.js → Icon.vue_vue_type_script_lang.js}

@@ -1,18 +1,19 @@
 'use strict';
 
+var common = require('../../composables/common.js');
+
 var script = {
   name: 'XIcon',
 
+  validator: common.withValidator(),
+
   props: {
+    ...common.withProps(),
+
     icon: {
       type: String,
       required: true,
     },
-
-    size: {
-      type: String,
-      default: null,
-    },
   },
 
   computed: {

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

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["innerHTML"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createElementBlock("svg", {
+    class: vue.normalizeClass(["stroke-2 inline-block", [
+      {
+        'h-3 w-3': _ctx.size === 'xs',
+        'h-4 w-4': _ctx.size === 'sm',
+        'h-5 w-5': !['xs', 'sm', 'xl'].includes(_ctx.size),
+        'h-6 w-6': _ctx.size === 'xl',
+      },
+    ]]),
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    vue.createElementVNode("g", {
+      innerHTML: $options.icons[$props.icon] ? $options.icons[$props.icon] : $props.icon
+    }, null, 8 /* PROPS */, _hoisted_1)
+  ], 2 /* CLASS */))
+}
+
+exports.render = render;

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

@@ -0,0 +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_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_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_script_lang.js

@@ -0,0 +1,28 @@
+'use strict';
+
+const fallback = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
+
+var script = {
+  props: {
+    src: {
+      type: String,
+      default: '',
+    },
+  },
+
+  data() {
+    return {
+      source: fallback,
+    }
+  },
+
+  mounted() {
+    const img = new Image();
+
+    img.onload = () => { this.source = this.src; };
+    img.onerror = () => { };
+    img.src = this.src;
+  },
+};
+
+module.exports = script;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 /* PROPS */, _hoisted_1))
+}
+
+exports.render = render;

package/lib/cjs/components/index.js

@@ -3,47 +3,50 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Spacer = require('./spacer/Spacer.vue.js');
-var Avatar_vue_vue_type_script_lang = require('./avatar/Avatar.vue_vue&type=script&lang.js');
-var Button_vue_vue_type_script_lang = require('./button/Button.vue_vue&type=script&lang.js');
-var Card_vue_vue_type_script_lang = require('./card/Card.vue_vue&type=script&lang.js');
-var Checkbox_vue_vue_type_script_lang = require('./checkbox/Checkbox.vue_vue&type=script&lang.js');
-var Collapse_vue_vue_type_script_lang = require('./collapse/Collapse.vue_vue&type=script&lang.js');
-var Container_vue_vue_type_script_lang = require('./container/Container.vue_vue&type=script&lang.js');
-var Divider_vue_vue_type_script_lang = require('./divider/Divider.vue_vue&type=script&lang.js');
-var Form_vue_vue_type_script_lang = require('./form/Form.vue_vue&type=script&lang.js');
-var Icon_vue_vue_type_script_lang = require('./icon/Icon.vue_vue&type=script&lang.js');
-var Input_vue_vue_type_script_lang = require('./input/Input.vue_vue&type=script&lang.js');
-var Link_vue_vue_type_script_lang = require('./link/Link.vue_vue&type=script&lang.js');
-var Modal_vue_vue_type_script_lang = require('./modal/Modal.vue_vue&type=script&lang.js');
-var Note_vue_vue_type_script_lang = require('./note/Note.vue_vue&type=script&lang.js');
-var Pagination_vue_vue_type_script_lang = require('./pagination/Pagination.vue_vue&type=script&lang.js');
-var PaginationItem_vue_vue_type_script_lang = require('./pagination/PaginationItem.vue_vue&type=script&lang.js');
-var Popover_vue_vue_type_script_lang = require('./popover/Popover.vue_vue&type=script&lang.js');
-var PopoverContainer_vue_vue_type_script_lang = require('./popover/PopoverContainer.vue_vue&type=script&lang.js');
-var PopoverItem_vue_vue_type_script_lang = require('./popover/PopoverItem.vue_vue&type=script&lang.js');
-var Progress_vue_vue_type_script_lang = require('./progress/Progress.vue_vue&type=script&lang.js');
-var Radio_vue_vue_type_script_lang = require('./radio/Radio.vue_vue&type=script&lang.js');
-var Select_vue_vue_type_script_lang = require('./select/Select.vue_vue&type=script&lang.js');
-var Spinner_vue_vue_type_script_lang = require('./spinner/Spinner.vue_vue&type=script&lang.js');
-var Skeleton_vue_vue_type_script_lang = require('./skeleton/Skeleton.vue_vue&type=script&lang.js');
-var StatusDot_vue_vue_type_script_lang = require('./status/StatusDot.vue_vue&type=script&lang.js');
-var Table_vue_vue_type_script_lang = require('./table/Table.vue_vue&type=script&lang.js');
-var TableBody_vue_vue_type_script_lang = require('./table/TableBody.vue_vue&type=script&lang.js');
-var TableCell_vue_vue_type_script_lang = require('./table/TableCell.vue_vue&type=script&lang.js');
-var TableHead_vue_vue_type_script_lang = require('./table/TableHead.vue_vue&type=script&lang.js');
-var TableHeader_vue_vue_type_script_lang = require('./table/TableHeader.vue_vue&type=script&lang.js');
-var TableRow_vue_vue_type_script_lang = require('./table/TableRow.vue_vue&type=script&lang.js');
-var Tab_vue_vue_type_script_lang = require('./tabs/Tab.vue_vue&type=script&lang.js');
-var Tabs_vue_vue_type_script_lang = require('./tabs/Tabs.vue_vue&type=script&lang.js');
-var Tag_vue_vue_type_script_lang = require('./tag/Tag.vue_vue&type=script&lang.js');
-var Textarea_vue_vue_type_script_lang = require('./textarea/Textarea.vue_vue&type=script&lang.js');
-var Toast_vue_vue_type_script_lang = require('./toast/Toast.vue_vue&type=script&lang.js');
-var Toggle_vue_vue_type_script_lang = require('./toggle/Toggle.vue_vue&type=script&lang.js');
-var Tooltip_vue_vue_type_script_lang = require('./tooltip/Tooltip.vue_vue&type=script&lang.js');
+var colors = require('./colors.vue.js');
+var Avatar_vue_vue_type_script_lang = require('./avatar/Avatar.vue_vue_type_script_lang.js');
+var Button_vue_vue_type_script_lang = require('./button/Button.vue_vue_type_script_lang.js');
+var Card_vue_vue_type_script_lang = require('./card/Card.vue_vue_type_script_lang.js');
+var Checkbox_vue_vue_type_script_lang = require('./checkbox/Checkbox.vue_vue_type_script_lang.js');
+var Collapse_vue_vue_type_script_lang = require('./collapse/Collapse.vue_vue_type_script_lang.js');
+var Container_vue_vue_type_script_lang = require('./container/Container.vue_vue_type_script_lang.js');
+var Divider_vue_vue_type_script_lang = require('./divider/Divider.vue_vue_type_script_lang.js');
+var Form_vue_vue_type_script_lang = require('./form/Form.vue_vue_type_script_lang.js');
+var Icon_vue_vue_type_script_lang = require('./icon/Icon.vue_vue_type_script_lang.js');
+var Image_vue_vue_type_script_lang = require('./image/Image.vue_vue_type_script_lang.js');
+var Input_vue_vue_type_script_lang = require('./input/Input.vue_vue_type_script_lang.js');
+var Link_vue_vue_type_script_lang = require('./link/Link.vue_vue_type_script_lang.js');
+var Modal_vue_vue_type_script_lang = require('./modal/Modal.vue_vue_type_script_lang.js');
+var Note_vue_vue_type_script_lang = require('./note/Note.vue_vue_type_script_lang.js');
+var Pagination_vue_vue_type_script_lang = require('./pagination/Pagination.vue_vue_type_script_lang.js');
+var PaginationItem_vue_vue_type_script_lang = require('./pagination/PaginationItem.vue_vue_type_script_lang.js');
+var Popover_vue_vue_type_script_lang = require('./popover/Popover.vue_vue_type_script_lang.js');
+var PopoverContainer_vue_vue_type_script_lang = require('./popover/PopoverContainer.vue_vue_type_script_lang.js');
+var PopoverItem_vue_vue_type_script_lang = require('./popover/PopoverItem.vue_vue_type_script_lang.js');
+var Progress_vue_vue_type_script_lang = require('./progress/Progress.vue_vue_type_script_lang.js');
+var Radio_vue_vue_type_script_lang = require('./radio/Radio.vue_vue_type_script_lang.js');
+var Select_vue_vue_type_script_lang = require('./select/Select.vue_vue_type_script_lang.js');
+var Spinner_vue_vue_type_script_lang = require('./spinner/Spinner.vue_vue_type_script_lang.js');
+var Skeleton_vue_vue_type_script_lang = require('./skeleton/Skeleton.vue_vue_type_script_lang.js');
+var StatusDot_vue_vue_type_script_lang = require('./status/StatusDot.vue_vue_type_script_lang.js');
+var Table_vue_vue_type_script_lang = require('./table/Table.vue_vue_type_script_lang.js');
+var TableBody_vue_vue_type_script_lang = require('./table/TableBody.vue_vue_type_script_lang.js');
+var TableCell_vue_vue_type_script_lang = require('./table/TableCell.vue_vue_type_script_lang.js');
+var TableHead_vue_vue_type_script_lang = require('./table/TableHead.vue_vue_type_script_lang.js');
+var TableHeader_vue_vue_type_script_lang = require('./table/TableHeader.vue_vue_type_script_lang.js');
+var TableRow_vue_vue_type_script_lang = require('./table/TableRow.vue_vue_type_script_lang.js');
+var Tab_vue_vue_type_script_lang = require('./tabs/Tab.vue_vue_type_script_lang.js');
+var Tabs_vue_vue_type_script_lang = require('./tabs/Tabs.vue_vue_type_script_lang.js');
+var Tag_vue_vue_type_script_lang = require('./tag/Tag.vue_vue_type_script_lang.js');
+var Textarea_vue_vue_type_script_lang = require('./textarea/Textarea.vue_vue_type_script_lang.js');
+var Toast_vue_vue_type_script_lang = require('./toast/Toast.vue_vue_type_script_lang.js');
+var Toggle_vue_vue_type_script_lang = require('./toggle/Toggle.vue_vue_type_script_lang.js');
+var Tooltip_vue_vue_type_script_lang = require('./tooltip/Tooltip.vue_vue_type_script_lang.js');
 
 
 
 exports.Spacer = Spacer;
+exports.Colors = colors;
 exports.Avatar = Avatar_vue_vue_type_script_lang;
 exports.Button = Button_vue_vue_type_script_lang;
 exports.Card = Card_vue_vue_type_script_lang;
@@ -53,6 +56,7 @@ exports.Container = Container_vue_vue_type_script_lang;
 exports.Divider = Divider_vue_vue_type_script_lang;
 exports.Form = Form_vue_vue_type_script_lang;
 exports.Icon = Icon_vue_vue_type_script_lang;
+exports.Image = Image_vue_vue_type_script_lang;
 exports.Input = Input_vue_vue_type_script_lang;
 exports.Link = Link_vue_vue_type_script_lang;
 exports.Modal = Modal_vue_vue_type_script_lang;

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_046941e3_lang = require('./Input.vue_vue&type=template&id=046941e3&lang.js');
+var Input_vue_vue_type_script_lang = require('./Input.vue_vue_type_script_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_046941e3_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_script_lang.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var inputtable = require('../../composables/inputtable.js');
+
+var script = {
+  name: 'XInput',
+
+  validator: inputtable.withValidator(),
+
+  props: {
+    ...inputtable.withProps(),
+
+    showPasswordToggle: {
+      type: Boolean,
+      default: true,
+    },
+
+    label: {
+      type: String,
+      default: '',
+    },
+
+    iconRight: {
+      type: Boolean,
+      default: false,
+    },
+
+    dir: {
+      type: String,
+      default: 'ltr',
+    },
+
+    max: {
+      type: Number,
+      default: null,
+    },
+
+    maxlength: {
+      type: Number,
+      default: null,
+    },
+
+    min: {
+      type: Number,
+      default: null,
+    },
+
+    minlength: {
+      type: Number,
+      default: null,
+    },
+
+    placeholder: {
+      type: String,
+      default: null,
+    },
+
+    type: {
+      type: String,
+      default: 'text',
+    },
+
+    inputClass: {
+      type: String,
+      default: '',
+    },
+  },
+
+  emits: inputtable.withEmits(),
+
+  setup(props, { attrs, emit }) {
+    return {
+      ...inputtable.useInputtable(props, { attrs, emit }),
+    }
+  },
+
+  data() {
+    return {
+      currentType: this.type,
+    }
+  },
+
+  methods: {
+    onChange(e) {
+      if (this.type === 'number') {
+        if (this.min !== null) {
+          if (e.target.value < this.min) e.target.value = this.min;
+        }
+
+        if (this.max !== null) {
+          if (e.target.value > this.max) e.target.value = this.max;
+        }
+      }
+    },
+    togglePasswordVisibility() {
+      this.currentType = this.currentType === 'password' ? 'text' : 'password';
+    },
+  },
+};
+
+module.exports = script;

package/lib/cjs/components/input/{Input.vue_vue&type=template&id=046941e3&lang.js → Input.vue_vue_type_template_id_21c870c5_lang.js}

@@ -4,91 +4,90 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
-const _hoisted_1 = ["textContent"];
-const _hoisted_2 = { class: "relative" };
-const _hoisted_3 = ["disabled", "max", "maxlength", "min", "dir", "minlength", "name", "placeholder", "readonly", "type", "value"];
-const _hoisted_4 = /*#__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("circle", {
+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 /* HOISTED */);
+const _hoisted_6 = /*#__PURE__*/vue.createElementVNode("circle", {
   cx: "12",
   cy: "12",
   r: "3"
-}, null, -1);
-const _hoisted_6 = /*#__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);
-const _hoisted_7 = /*#__PURE__*/vue.createElementVNode("line", {
+}, 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);
-const _hoisted_8 = ["textContent"];
+}, null, -1 /* HOISTED */);
+const _hoisted_9 = ["textContent"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("label", {
-    class: vue.normalizeClass(["block mb-1 relative", $props.hideDetails ? 'pb-2' : 'pb-6'])
-  }, [
+  return (vue.openBlock(), vue.createElementBlock("label", _hoisted_1, [
     ($props.label)
       ? (vue.openBlock(), vue.createElementBlock("p", {
           key: 0,
           class: vue.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 mb-1", {
-        'text-xs': $props.size === 'xs',
-        'text-sm': $props.size === 'sm',
-        'text-lg': $props.size === 'lg',
-        'text-xl': $props.size === 'xl',
+        'text-xs': _ctx.size === 'xs',
+        'text-sm': _ctx.size === 'sm',
+        'text-lg': _ctx.size === 'lg',
+        'text-xl': _ctx.size === 'xl',
       }]),
           textContent: vue.toDisplayString($props.label)
-        }, null, 10, _hoisted_1))
-      : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", _hoisted_2, [
+        }, null, 10 /* CLASS, PROPS */, _hoisted_2))
+      : vue.createCommentVNode("v-if", true),
+    vue.createElementVNode("div", _hoisted_3, [
       (_ctx.$slots.icon)
         ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            class: vue.normalizeClass(["flex items-center w-5 h-5 text-gray-500 absolute my-auto ml-2 inset-y-0", [{
-          'mr-2 left-0': _ctx.$slots.icon && !$props.iconRight,
-          'ml-2 right-0': _ctx.$slots.icon && $props.iconRight,
+            class: vue.normalizeClass(["flex items-center w-5 h-5 text-gray-500 absolute my-auto inset-y-0", [{
+          'ml-2 left-0': _ctx.$slots.icon && !$props.iconRight,
+          'mr-2 right-0': _ctx.$slots.icon && $props.iconRight,
         }]])
           }, [
             vue.renderSlot(_ctx.$slots, "icon")
-          ], 2))
-        : vue.createCommentVNode("", true),
+          ], 2 /* CLASS */))
+        : vue.createCommentVNode("v-if", true),
       vue.createElementVNode("input", vue.mergeProps({
-        ref: "input",
+        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", [
-          $props.disabled ? 'bg-gray-200 dark:bg-gray-800 cursor-not-allowed' : 'bg-white dark:bg-gray-900',
-          $props.type === 'password' ? 'pr-9' : ($props.flat ? '' : 'pr-4'),
-          $props.flat ? 'p-0 bg-transparent' : {
+          _ctx.disabled ? 'bg-gray-200 dark:bg-gray-800 cursor-not-allowed' : 'bg-white dark:bg-gray-900',
+          $props.type === 'password' ? 'pr-9' : (_ctx.flat ? '' : 'pr-4'),
+          _ctx.flat ? 'p-0 bg-transparent' : {
             // shadow
             'border shadow': true,
 
             // size
-            'py-1': $props.size === 'auto',
-            'px-2 py-1 text-xs': $props.size === 'xs',
-            'px-2 py-1 text-sm': $props.size === 'sm',
-            'px-3 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes($props.size),
-            'px-4 py-3 text-lg': $props.size === 'lg',
-            'px-6 py-6 text-xl': $props.size === 'xl',
+            'py-1': _ctx.size === 'auto',
+            'px-2 py-1 text-xs': _ctx.size === 'xs',
+            'px-2 py-1 text-sm': _ctx.size === 'sm',
+            'px-3 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
+            'px-4 py-3 text-lg': _ctx.size === 'lg',
+            'px-6 py-6 text-xl': _ctx.size === 'xl',
           },
           {
             '!pl-9': _ctx.$slots.icon && !$props.iconRight,
             '!pr-9': _ctx.$slots.icon && $props.iconRight,
             // error
-            'border-error-500 focus:border-error-500 dark:focus:border-error-500': $data.errorInternal,
+            'border-error-500 focus:border-error-500 dark:focus:border-error-500': _ctx.errorInternal,
           },
           $props.inputClass,
         ]],
-        disabled: $props.disabled,
+        disabled: _ctx.disabled,
         max: $props.max,
         maxlength: $props.maxlength,
         min: $props.min,
         dir: $props.dir,
         minlength: $props.minlength,
-        name: $props.name,
+        name: _ctx.name,
         placeholder: $props.placeholder,
-        readonly: $props.readonly,
+        readonly: _ctx.readonly,
         type: $data.currentType,
-        value: $props.value
-      }, _ctx.$attrs, {
+        value: _ctx.modelValue
+      }, vue.toHandlers(_ctx.inputListeners), {
         onChange: _cache[0] || (_cache[0] = (...args) => ($options.onChange && $options.onChange(...args)))
-      }), null, 16, _hoisted_3),
+      }), null, 16 /* FULL_PROPS */, _hoisted_4),
       ($props.type === 'password' && $props.showPasswordToggle)
         ? (vue.openBlock(), vue.createElementBlock("svg", {
             key: 1,
@@ -104,24 +103,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             ($data.currentType === 'password')
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  _hoisted_4,
-                  _hoisted_5
-                ], 64))
+                  _hoisted_5,
+                  _hoisted_6
+                ], 64 /* STABLE_FRAGMENT */))
               : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  _hoisted_6,
-                  _hoisted_7
-                ], 64))
+                  _hoisted_7,
+                  _hoisted_8
+                ], 64 /* STABLE_FRAGMENT */))
           ]))
-        : vue.createCommentVNode("", true)
+        : vue.createCommentVNode("v-if", true)
     ]),
-    ($data.errorInternal)
+    (_ctx.errorInternal)
       ? (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           class: "text-sm text-error-500 mt-1",
-          textContent: vue.toDisplayString($data.errorInternal)
-        }, null, 8, _hoisted_8))
-      : vue.createCommentVNode("", true)
-  ], 2))
+          textContent: vue.toDisplayString(_ctx.errorInternal)
+        }, null, 8 /* PROPS */, _hoisted_9))
+      : vue.createCommentVNode("v-if", true)
+  ]))
 }
 
 exports.render = render;

package/lib/cjs/components/link/Link.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var Link_vue_vue_type_script_lang = require('./Link.vue_vue&type=script&lang.js');
-var Link_vue_vue_type_template_id_cd8b503c_lang = require('./Link.vue_vue&type=template&id=cd8b503c&lang.js');
+var Link_vue_vue_type_script_lang = require('./Link.vue_vue_type_script_lang.js');
+var Link_vue_vue_type_template_id_044f59af_lang = require('./Link.vue_vue_type_template_id_044f59af_lang.js');
 
-Link_vue_vue_type_script_lang.render = Link_vue_vue_type_template_id_cd8b503c_lang.render;
+Link_vue_vue_type_script_lang.render = Link_vue_vue_type_template_id_044f59af_lang.render;
+Link_vue_vue_type_script_lang.__file = "src/components/link/Link.vue";
 
 module.exports = Link_vue_vue_type_script_lang;

package/lib/cjs/components/link/{Link.vue_vue&type=template&id=cd8b503c&lang.js → Link.vue_vue_type_template_id_044f59af_lang.js}

@@ -26,34 +26,34 @@ const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("svg", {
     y2: "7"
   }),
   /*#__PURE__*/vue.createElementVNode("polyline", { points: "7 7 17 7 17 17" })
-], -1);
+], -1 /* HOISTED */);
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$props.to ? 'router-link' : _ctx.$props.tag), vue.mergeProps(_ctx.$attrs, {
-    to: _ctx.$props.to,
-    class: ["transition-colors duration-150 ease-in-out cursor-pointer", [
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.to ? 'router-link' : $props.tag), {
+    to: $props.to,
+    class: vue.normalizeClass(["transition-colors duration-150 ease-in-out cursor-pointer", [
       {
         // color
-        'hover:text-gray-600 dark:hover:text-gray-300': _ctx.$props.color === 'gray',
-        'text-primary-500 hover:text-primary-700': _ctx.$props.color === 'primary',
-        'text-error-500 hover:text-error-700': _ctx.$props.color === 'error',
-        'text-warning-500 hover:text-warning-700': _ctx.$props.color === 'warning',
-        'text-success-500 hover:text-success-700': _ctx.$props.color === 'success',
+        'hover:text-gray-600 dark:hover:text-gray-300': $props.color === 'gray',
+        'text-primary-500 hover:text-primary-600': $props.color === 'primary',
+        'text-error-500 hover:text-error-600': $props.color === 'error',
+        'text-warning-500 hover:text-warning-600': $props.color === 'warning',
+        'text-success-500 hover:text-success-600': $props.color === 'success',
         // underline
-        'underline': _ctx.$props.underline
+        'underline': $props.underline
       },
-    ]]
-  }), {
+    ]])
+  }, {
     default: vue.withCtx(() => [
-      (_ctx.$props.external)
+      ($props.external)
         ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
             vue.renderSlot(_ctx.$slots, "default"),
             _hoisted_2
           ]))
         : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
     ]),
-    _: 3
-  }, 16, ["to", "class"]))
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["to", "class"]))
 }
 
 exports.render = render;

package/lib/cjs/components/modal/Modal.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var Modal_vue_vue_type_script_lang = require('./Modal.vue_vue&type=script&lang.js');
-var Modal_vue_vue_type_template_id_31c76cbc_lang = require('./Modal.vue_vue&type=template&id=31c76cbc&lang.js');
+var Modal_vue_vue_type_script_lang = require('./Modal.vue_vue_type_script_lang.js');
+var Modal_vue_vue_type_template_id_177f8d4b_lang = require('./Modal.vue_vue_type_template_id_177f8d4b_lang.js');
 
-Modal_vue_vue_type_script_lang.render = Modal_vue_vue_type_template_id_31c76cbc_lang.render;
+Modal_vue_vue_type_script_lang.render = Modal_vue_vue_type_template_id_177f8d4b_lang.render;
+Modal_vue_vue_type_script_lang.__file = "src/components/modal/Modal.vue";
 
 module.exports = Modal_vue_vue_type_script_lang;