@indielayer/ui 0.2.1 → 0.2.4

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

@@ -66,8 +66,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             size: _ctx.size,
             class: "absolute"
-          }, null, 8, ["size"]))
-        : createCommentVNode("", true),
+          }, null, 8 /* PROPS */, ["size"]))
+        : createCommentVNode("v-if", true),
       ($props.icon)
         ? (openBlock(), createElementBlock("span", {
             key: 1,
@@ -80,17 +80,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_x_icon, {
               size: _ctx.size,
               icon: $props.icon
-            }, null, 8, ["size", "icon"])
-          ], 2))
-        : createCommentVNode("", true),
+            }, null, 8 /* PROPS */, ["size", "icon"])
+          ], 2 /* CLASS */))
+        : createCommentVNode("v-if", true),
       createElementVNode("span", {
         class: normalizeClass({ 'invisible': _ctx.loading })
       }, [
         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"]))
 }
 
 export { render };

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

@@ -1,5 +1,6 @@
 import script from './Card.vue_vue_type_script_lang.js';
 export { default } from './Card.vue_vue_type_script_lang.js';
-import { render } from './Card.vue_vue_type_template_id_6e221de0_lang.js';
+import { render } from './Card.vue_vue_type_template_id_7be81122_lang.js';
 
 script.render = render;
+script.__file = "src/components/card/Card.vue";

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

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

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

@@ -1,5 +1,6 @@
 import script from './Checkbox.vue_vue_type_script_lang.js';
 export { default } from './Checkbox.vue_vue_type_script_lang.js';
-import { render } from './Checkbox.vue_vue_type_template_id_d00d1178_lang.js';
+import { render } from './Checkbox.vue_vue_type_template_id_fa43bd62_lang.js';
 
 script.render = render;
+script.__file = "src/components/checkbox/Checkbox.vue";

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

@@ -2,7 +2,7 @@ import { resolveComponent, openBlock, createElementBlock, createElementVNode, no
 
 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__*/createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1);
+const _hoisted_3 = /*#__PURE__*/createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1 /* HOISTED */);
 const _hoisted_4 = [
   _hoisted_3
 ];
@@ -29,7 +29,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), [
         [vModelCheckbox, $options.checked]
       ]),
       createElementVNode("div", {
@@ -57,7 +57,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               size: _ctx.size,
               class: "absolute"
-            }, null, 8, ["size"]))
+            }, null, 8 /* PROPS */, ["size"]))
           : (openBlock(), createElementBlock("svg", {
               key: 1,
               class: normalizeClass(["fill-current text-gray-100", {
@@ -67,8 +67,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 */),
       createElementVNode("div", {
         class: normalizeClass(["inline-block font-medium text-gray-800 dark:text-gray-200 pl-2", {
           'text-xs': _ctx.size === 'xs',
@@ -81,17 +81,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ? (openBlock(), createElementBlock("span", {
               key: 0,
               textContent: toDisplayString($props.label)
-            }, null, 8, _hoisted_5))
+            }, null, 8 /* PROPS */, _hoisted_5))
           : renderSlot(_ctx.$slots, "default", { key: 1 })
-      ], 2)
-    ], 34),
+      ], 2 /* CLASS */)
+    ], 34 /* CLASS, HYDRATE_EVENTS */),
     (_ctx.errorInternal)
       ? (openBlock(), createElementBlock("p", {
           key: 0,
           class: "text-sm text-error-500 mt-1",
           textContent: toDisplayString(_ctx.errorInternal)
-        }, null, 8, _hoisted_6))
-      : createCommentVNode("", true)
+        }, null, 8 /* PROPS */, _hoisted_6))
+      : createCommentVNode("v-if", true)
   ]))
 }
 

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

@@ -1,5 +1,6 @@
 import script from './Collapse.vue_vue_type_script_lang.js';
 export { default } from './Collapse.vue_vue_type_script_lang.js';
-import { render } from './Collapse.vue_vue_type_template_id_65032827_lang.js';
+import { render } from './Collapse.vue_vue_type_template_id_06a1c88f_lang.js';
 
 script.render = render;
+script.__file = "src/components/collapse/Collapse.vue";

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

@@ -27,19 +27,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: {
@@ -48,10 +51,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/esm/components/collapse/{Collapse.vue_vue_type_template_id_65032827_lang.js → Collapse.vue_vue_type_template_id_06a1c88f_lang.js}

@@ -2,7 +2,7 @@ import { openBlock, createBlock, resolveDynamicComponent, withCtx, createElement
 
 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__*/createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1);
+const _hoisted_3 = /*#__PURE__*/createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1 /* HOISTED */);
 const _hoisted_4 = [
   _hoisted_3
 ];
@@ -38,23 +38,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)
         ? renderSlot(_ctx.$slots, "summary", { key: 0 })
-        : createCommentVNode("", true),
+        : createCommentVNode("v-if", true),
       createElementVNode("div", {
         class: "overflow-y-hidden transition-all duration-300 ease-in-out",
         style: normalizeStyle({ maxHeight: $data.maxHeight + 'px' })
       }, [
         createElementVNode("div", _hoisted_5, [
           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"]))
 }
 
 export { render };

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

@@ -1,9 +1,10 @@
-import { render } from './colors.vue_vue_type_template_id_227ea690_lang.js';
+import { render } from './colors.vue_vue_type_template_id_79d16100_lang.js';
 
 const script = {};
 
 
 script.render = render;
+script.__file = "src/components/colors.vue";
 var script$1 = script;
 
 export { script$1 as default };

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

@@ -1,5 +1,6 @@
 import script from './Container.vue_vue_type_script_lang.js';
 export { default } from './Container.vue_vue_type_script_lang.js';
-import { render } from './Container.vue_vue_type_template_id_1109578e_lang.js';
+import { render } from './Container.vue_vue_type_template_id_05f5acf3_lang.js';
 
 script.render = render;
+script.__file = "src/components/container/Container.vue";

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

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

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

@@ -1,5 +1,6 @@
 import script from './Divider.vue_vue_type_script_lang.js';
 export { default } from './Divider.vue_vue_type_script_lang.js';
-import { render } from './Divider.vue_vue_type_template_id_041f3bf1_lang.js';
+import { render } from './Divider.vue_vue_type_template_id_3a349aa3_lang.js';
 
 script.render = render;
+script.__file = "src/components/divider/Divider.vue";

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

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

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

@@ -1,5 +1,6 @@
 import script from './Form.vue_vue_type_script_lang.js';
 export { default } from './Form.vue_vue_type_script_lang.js';
-import { render } from './Form.vue_vue_type_template_id_bf90a49e_lang.js';
+import { render } from './Form.vue_vue_type_template_id_a6cab022_lang.js';
 
 script.render = render;
+script.__file = "src/components/form/Form.vue";

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

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

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

@@ -1,5 +1,6 @@
 import script from './Icon.vue_vue_type_script_lang.js';
 export { default } from './Icon.vue_vue_type_script_lang.js';
-import { render } from './Icon.vue_vue_type_template_id_4fe868d3_lang.js';
+import { render } from './Icon.vue_vue_type_template_id_0933a10f_lang.js';
 
 script.render = render;
+script.__file = "src/components/icon/Icon.vue";

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

@@ -21,8 +21,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     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 */))
 }
 
 export { render };

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

@@ -1,5 +1,6 @@
 import script from './Image.vue_vue_type_script_lang.js';
 export { default } from './Image.vue_vue_type_script_lang.js';
-import { render } from './Image.vue_vue_type_template_id_d7718e2c_lang.js';
+import { render } from './Image.vue_vue_type_template_id_f1ec3bb2_lang.js';
 
 script.render = render;
+script.__file = "src/components/image/Image.vue";

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

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

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

@@ -1,5 +1,6 @@
 import script from './Input.vue_vue_type_script_lang.js';
 export { default } from './Input.vue_vue_type_script_lang.js';
-import { render } from './Input.vue_vue_type_template_id_0a66306d_lang.js';
+import { render } from './Input.vue_vue_type_template_id_21c870c5_lang.js';
 
 script.render = render;
+script.__file = "src/components/input/Input.vue";

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

@@ -4,19 +4,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__*/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__*/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__*/createElementVNode("circle", {
   cx: "12",
   cy: "12",
   r: "3"
-}, null, -1);
-const _hoisted_7 = /*#__PURE__*/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__*/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__*/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) {
@@ -31,8 +31,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         'text-xl': _ctx.size === 'xl',
       }]),
           textContent: toDisplayString($props.label)
-        }, null, 10, _hoisted_2))
-      : createCommentVNode("", true),
+        }, null, 10 /* CLASS, PROPS */, _hoisted_2))
+      : createCommentVNode("v-if", true),
     createElementVNode("div", _hoisted_3, [
       (_ctx.$slots.icon)
         ? (openBlock(), createElementBlock("span", {
@@ -43,8 +43,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }]])
           }, [
             renderSlot(_ctx.$slots, "icon")
-          ], 2))
-        : createCommentVNode("", true),
+          ], 2 /* CLASS */))
+        : createCommentVNode("v-if", true),
       createElementVNode("input", 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", [
@@ -83,7 +83,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         value: _ctx.modelValue
       }, 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)
         ? (openBlock(), createElementBlock("svg", {
             key: 1,
@@ -101,21 +101,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   _hoisted_5,
                   _hoisted_6
-                ], 64))
+                ], 64 /* STABLE_FRAGMENT */))
               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   _hoisted_7,
                   _hoisted_8
-                ], 64))
+                ], 64 /* STABLE_FRAGMENT */))
           ]))
-        : createCommentVNode("", true)
+        : createCommentVNode("v-if", true)
     ]),
     (_ctx.errorInternal)
       ? (openBlock(), createElementBlock("p", {
           key: 1,
           class: "text-sm text-error-500 mt-1",
           textContent: toDisplayString(_ctx.errorInternal)
-        }, null, 8, _hoisted_9))
-      : createCommentVNode("", true)
+        }, null, 8 /* PROPS */, _hoisted_9))
+      : createCommentVNode("v-if", true)
   ]))
 }
 

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

@@ -1,5 +1,6 @@
 import script from './Link.vue_vue_type_script_lang.js';
 export { default } from './Link.vue_vue_type_script_lang.js';
-import { render } from './Link.vue_vue_type_template_id_291038eb_lang.js';
+import { render } from './Link.vue_vue_type_template_id_044f59af_lang.js';
 
 script.render = render;
+script.__file = "src/components/link/Link.vue";

package/lib/esm/components/link/{Link.vue_vue_type_template_id_291038eb_lang.js → Link.vue_vue_type_template_id_044f59af_lang.js}

@@ -22,7 +22,7 @@ const _hoisted_2 = /*#__PURE__*/createElementVNode("svg", {
     y2: "7"
   }),
   /*#__PURE__*/createElementVNode("polyline", { points: "7 7 17 7 17 17" })
-], -1);
+], -1 /* HOISTED */);
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock(resolveDynamicComponent($props.to ? 'router-link' : $props.tag), {
@@ -48,8 +48,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ]))
         : renderSlot(_ctx.$slots, "default", { key: 1 })
     ]),
-    _: 3
-  }, 8, ["to", "class"]))
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["to", "class"]))
 }
 
 export { render };

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

@@ -1,5 +1,6 @@
 import script from './Modal.vue_vue_type_script_lang.js';
 export { default } from './Modal.vue_vue_type_script_lang.js';
-import { render } from './Modal.vue_vue_type_template_id_1597a9fe_lang.js';
+import { render } from './Modal.vue_vue_type_template_id_177f8d4b_lang.js';
 
 script.render = render;
+script.__file = "src/components/modal/Modal.vue";

package/lib/esm/components/modal/{Modal.vue_vue_type_template_id_1597a9fe_lang.js → Modal.vue_vue_type_template_id_177f8d4b_lang.js}

@@ -24,7 +24,7 @@ const _hoisted_2 = /*#__PURE__*/createElementVNode("svg", {
     x2: "18",
     y2: "18"
   })
-], -1);
+], -1 /* HOISTED */);
 const _hoisted_3 = [
   _hoisted_2
 ];
@@ -40,7 +40,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         $data.isOpen ? 'ease-out duration-200 opacity-75' : 'ease-in duration-100 opacity-0',
       ]]),
       onClick: _cache[0] || (_cache[0] = withModifiers($event => ($options.close()), ["self"]))
-    }, null, 2),
+    }, null, 2 /* CLASS */),
     createElementVNode("div", _hoisted_1, [
       createElementVNode("div", {
         class: normalizeClass(["relative inline-block bg-white dark:bg-gray-900 rounded-lg shadow-xl transform transition-all", [
@@ -68,10 +68,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               class: "absolute rounded-md bg-white -top-4 -right-2 w-8 h-8 shadow-md flex items-center justify-center cursor-pointer",
               onClick: _cache[1] || (_cache[1] = $event => ($options.close()))
             }, _hoisted_3))
-          : createCommentVNode("", true)
-      ], 2)
+          : createCommentVNode("v-if", true)
+      ], 2 /* CLASS */)
     ])
-  ], 2))
+  ], 2 /* CLASS */))
 }
 
 export { render };

package/lib/esm/components/note/Note.vue.js

@@ -1,5 +1,6 @@
 import script from './Note.vue_vue_type_script_lang.js';
 export { default } from './Note.vue_vue_type_script_lang.js';
-import { render } from './Note.vue_vue_type_template_id_79616501_lang.js';
+import { render } from './Note.vue_vue_type_template_id_2b99d6a2_lang.js';
 
 script.render = render;
+script.__file = "src/components/note/Note.vue";

package/lib/esm/components/note/{Note.vue_vue_type_template_id_79616501_lang.js → Note.vue_vue_type_template_id_2b99d6a2_lang.js}

@@ -16,31 +16,31 @@ const _hoisted_2 = /*#__PURE__*/createElementVNode("circle", {
   cx: "12",
   cy: "12",
   r: "10"
-}, null, -1);
+}, null, -1 /* HOISTED */);
 const _hoisted_3 = /*#__PURE__*/createElementVNode("line", {
   x1: "12",
   y1: "8",
   x2: "12",
   y2: "12"
-}, null, -1);
+}, null, -1 /* HOISTED */);
 const _hoisted_4 = /*#__PURE__*/createElementVNode("line", {
   x1: "12",
   y1: "16",
   x2: "12",
   y2: "16"
-}, null, -1);
-const _hoisted_5 = /*#__PURE__*/createElementVNode("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" }, null, -1);
-const _hoisted_6 = /*#__PURE__*/createElementVNode("path", { d: "M16 10L10.5 15L8 12.7273" }, null, -1);
-const _hoisted_7 = /*#__PURE__*/createElementVNode("path", { d: "M7.86 2H16.14L22 7.86V16.14L16.14 22H7.86L2 16.14V7.86L7.86 2Z" }, null, -1);
-const _hoisted_8 = /*#__PURE__*/createElementVNode("path", { d: "M9 9L15 15" }, null, -1);
-const _hoisted_9 = /*#__PURE__*/createElementVNode("path", { d: "M15 9L9 15" }, null, -1);
+}, null, -1 /* HOISTED */);
+const _hoisted_5 = /*#__PURE__*/createElementVNode("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" }, null, -1 /* HOISTED */);
+const _hoisted_6 = /*#__PURE__*/createElementVNode("path", { d: "M16 10L10.5 15L8 12.7273" }, null, -1 /* HOISTED */);
+const _hoisted_7 = /*#__PURE__*/createElementVNode("path", { d: "M7.86 2H16.14L22 7.86V16.14L16.14 22H7.86L2 16.14V7.86L7.86 2Z" }, null, -1 /* HOISTED */);
+const _hoisted_8 = /*#__PURE__*/createElementVNode("path", { d: "M9 9L15 15" }, null, -1 /* HOISTED */);
+const _hoisted_9 = /*#__PURE__*/createElementVNode("path", { d: "M15 9L9 15" }, null, -1 /* HOISTED */);
 const _hoisted_10 = /*#__PURE__*/createElementVNode("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1);
-const _hoisted_11 = /*#__PURE__*/createElementVNode("path", { d: "M12 9v2m0 4v.01" }, null, -1);
-const _hoisted_12 = /*#__PURE__*/createElementVNode("path", { d: "M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" }, null, -1);
+}, null, -1 /* HOISTED */);
+const _hoisted_11 = /*#__PURE__*/createElementVNode("path", { d: "M12 9v2m0 4v.01" }, null, -1 /* HOISTED */);
+const _hoisted_12 = /*#__PURE__*/createElementVNode("path", { d: "M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" }, null, -1 /* HOISTED */);
 const _hoisted_13 = {
   key: 1,
   class: "flex-none pr-2"
@@ -58,39 +58,39 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   _hoisted_2,
                   _hoisted_3,
                   _hoisted_4
-                ], 64))
-              : createCommentVNode("", true),
+                ], 64 /* STABLE_FRAGMENT */))
+              : createCommentVNode("v-if", true),
             ($props.color === 'success')
               ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   _hoisted_5,
                   _hoisted_6
-                ], 64))
-              : createCommentVNode("", true),
+                ], 64 /* STABLE_FRAGMENT */))
+              : createCommentVNode("v-if", true),
             ($props.color === 'error')
               ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                   _hoisted_7,
                   _hoisted_8,
                   _hoisted_9
-                ], 64))
-              : createCommentVNode("", true),
+                ], 64 /* STABLE_FRAGMENT */))
+              : createCommentVNode("v-if", true),
             ($props.color === 'warning')
               ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
                   _hoisted_10,
                   _hoisted_11,
                   _hoisted_12
-                ], 64))
-              : createCommentVNode("", true)
+                ], 64 /* STABLE_FRAGMENT */))
+              : createCommentVNode("v-if", true)
           ]))
-        : createCommentVNode("", true),
+        : createCommentVNode("v-if", true),
       (_ctx.$slots.icon)
         ? (openBlock(), createElementBlock("div", _hoisted_13, [
             renderSlot(_ctx.$slots, "icon")
           ]))
-        : createCommentVNode("", true),
+        : createCommentVNode("v-if", true),
       renderSlot(_ctx.$slots, "default")
     ]),
-    _: 3
-  }, 8, ["class"]))
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class"]))
 }
 
 export { render };

package/lib/esm/components/pagination/Pagination.vue.js

@@ -1,5 +1,6 @@
 import script from './Pagination.vue_vue_type_script_lang.js';
 export { default } from './Pagination.vue_vue_type_script_lang.js';
-import { render } from './Pagination.vue_vue_type_template_id_7b1569fe_lang.js';
+import { render } from './Pagination.vue_vue_type_template_id_084845ef_lang.js';
 
 script.render = render;
+script.__file = "src/components/pagination/Pagination.vue";