lew-ui 1.0.13 → 1.0.14

package/dist/lew.es.ts

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, renderSlot, inject, normalizeStyle, toDisplayString, ref, watch, withDirectives, vModelText, onMounted, createVNode, unref, Fragment, renderList, vModelCheckbox, vShow, createTextVNode, pushScopeId, popScopeId, createBlock, provide, computed, onBeforeMount, h, withCtx, onUnmounted, Teleport, Transition, withModifiers } from "vue";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, renderSlot, inject, normalizeStyle, toDisplayString, ref, watch, withDirectives, vModelText, onMounted, createVNode, unref, Fragment, renderList, vModelCheckbox, vShow, createTextVNode, pushScopeId, popScopeId, createBlock, provide, computed, onBeforeMount, h, withCtx, onUnmounted, Teleport, Transition, withModifiers, createApp } from "vue";
 var LewAvatar_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -7,9 +7,9 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$g = { class: "lew-avatar" };
-const _hoisted_2$b = ["src", "alt"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = { class: "lew-avatar" };
+const _hoisted_2$c = ["src", "alt"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   name: "LewAvatar",
   props: {
     round: {
@@ -35,25 +35,25 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         createElementVNode("img", {
           src: __props.src,
           class: normalizeClass({ round: __props.round }),
           alt: __props.alt
-        }, null, 10, _hoisted_2$b),
+        }, null, 10, _hoisted_2$c),
         __props.status ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: normalizeClass(["dot", `dot-${__props.status} dot-${__props.statusPosition}`])
-        }, null, 2)) : createCommentVNode("", true)
+        }, null, 2)) : createCommentVNode("v-if", true)
       ]);
     };
   }
 });
-var LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-568c9d6f"]]);
+var LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-303f2aca"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/general/LewAvatar.vue"]]);
 var LewButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 var LewButton_vue_vue_type_style_index_1_lang = "";
-const _hoisted_1$f = ["disabled"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = ["disabled"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   name: "LewButton",
   props: {
     type: {
@@ -80,19 +80,19 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$f);
+      ], 10, _hoisted_1$g);
     };
   }
 });
-var LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-161d2336"]]);
+var LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-15473bf4"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/general/LewButton.vue"]]);
 /*!
   * vue-router v4.0.13
   * (c) 2022 Eduardo San Martin Morote
   * @license MIT
   */
 const hasSymbol = typeof Symbol === "function" && typeof Symbol.toStringTag === "symbol";
-const PolySymbol = (name) => hasSymbol ? Symbol(name) : "_vr_" + name;
-const routerKey = /* @__PURE__ */ PolySymbol("r");
+const PolySymbol = (name) => hasSymbol ? Symbol("[vue-router]: " + name) : "[vue-router]: " + name;
+const routerKey = /* @__PURE__ */ PolySymbol("router");
 var NavigationType;
 (function(NavigationType2) {
   NavigationType2["pop"] = "pop";
@@ -114,7 +114,7 @@ function useRouter() {
   return inject(routerKey);
 }
 var LewBadge_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   name: "LewBadge",
   props: {
     type: {
@@ -161,8 +161,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
+var LewBadge = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/general/LewBadge.vue"]]);
 var LewTitle_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   name: "LewTitle",
   props: {
     bold: {
@@ -185,10 +186,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewTitle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-391c178e"]]);
+var LewTitle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-701d9086"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/general/LewTitle.vue"]]);
 var LewFormItem_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$e = { class: "title-label" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = { class: "title-label" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   name: "LewFormItem",
   props: {
     title: {
@@ -206,16 +207,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-form-item", `lew-form-item-${__props.direction}`])
       }, [
-        createElementVNode("label", _hoisted_1$e, toDisplayString(props.title), 1),
+        createElementVNode("label", _hoisted_1$f, toDisplayString(props.title), 1),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 2);
     };
   }
 });
-var LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-bd1d3568"]]);
+var LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-0e9705e2"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewFormItem.vue"]]);
 var LewInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$d = ["disabled"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["disabled"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   name: "LewInput",
   props: {
     modelValue: {
@@ -245,17 +246,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         disabled: props.disabled,
         placeholder: "\u8BF7\u8F93\u5165",
         onInput: input
-      }, null, 40, _hoisted_1$d)), [
+      }, null, 40, _hoisted_1$e)), [
         [vModelText, v.value]
       ]);
     };
   }
 });
-var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-1364aebe"]]);
+var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-9b461d3c"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewInput.vue"]]);
 var LewSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$c = { class: "lew-select" };
-const _hoisted_2$a = ["onClick"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "lew-select" };
+const _hoisted_2$b = ["onClick"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   name: "LewSelect",
   props: {
     modelValue: {
@@ -293,7 +294,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", item.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createVNode(LewInput, {
           modelValue: label.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => label.value = $event),
@@ -309,17 +310,17 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               key: item.value,
               class: "item",
               onClick: ($event) => changeFn(item)
-            }, toDisplayString(item.label), 9, _hoisted_2$a);
+            }, toDisplayString(item.label), 9, _hoisted_2$b);
           }), 128))
         ], 2)
       ]);
     };
   }
 });
-var LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-63e71814"]]);
+var LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-32f2a4d8"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewSelect.vue"]]);
 var LewSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$b = ["disabled"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["disabled"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   name: "LewSwitch",
   props: {
     modelValue: {
@@ -354,16 +355,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         type: "checkbox",
         disabled: props.disabled,
         onChange: change
-      }, null, 42, _hoisted_1$b)), [
+      }, null, 42, _hoisted_1$c)), [
         [vModelCheckbox, v.value]
       ]);
     };
   }
 });
-var LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-52343795"]]);
+var LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-348753cc"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewSwitch.vue"]]);
 var LewTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$a = ["disabled"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = ["disabled"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   name: "LewTextarea",
   props: {
     modelValue: {
@@ -399,21 +400,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         disabled: props.disabled,
         placeholder: "\u8BF7\u8F93\u5165",
         onInput: input
-      }, null, 42, _hoisted_1$a)), [
+      }, null, 42, _hoisted_1$b)), [
         [vModelText, v.value]
       ]);
     };
   }
 });
-var LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-54e15f33"]]);
+var LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a48a3e5c"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewTextarea.vue"]]);
 var LewCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$1 = (n) => (pushScopeId("data-v-0f975742"), n = n(), popScopeId(), n);
-const _hoisted_1$9 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("polyline", { points: "20 6 9 17 4 12" }, null, -1));
-const _hoisted_2$9 = [
-  _hoisted_1$9
+const _withScopeId$1 = (n) => (pushScopeId("data-v-7b4a4e4a"), n = n(), popScopeId(), n);
+const _hoisted_1$a = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("polyline", { points: "20 6 9 17 4 12" }, null, -1));
+const _hoisted_2$a = [
+  _hoisted_1$a
 ];
-const _hoisted_3$8 = ["checked"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$9 = ["checked"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   name: "LewCheckbox",
   props: {
     label: {
@@ -458,13 +459,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, _hoisted_2$9, 2))
+          }, _hoisted_2$a, 2))
         ], 2),
         withDirectives(createElementVNode("input", {
           type: "checkbox",
           checked: __props.checked,
           onInput: setChecked
-        }, null, 40, _hoisted_3$8), [
+        }, null, 40, _hoisted_3$9), [
           [vShow, false]
         ]),
         createTextVNode(" " + toDisplayString(__props.label), 1)
@@ -472,9 +473,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-0f975742"]]);
+var LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7b4a4e4a"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewCheckbox.vue"]]);
 var LewCheckboxGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   name: "LewCheckboxGroup",
   props: {
     modelValue: {
@@ -548,15 +549,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-95a0abfe"]]);
+var LewCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-71b4bd14"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewCheckboxGroup.vue"]]);
 var LewRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-6be47ae3"), n = n(), popScopeId(), n);
-const _hoisted_1$8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-radio" }, null, -1));
-const _hoisted_2$8 = [
-  _hoisted_1$8
+const _withScopeId = (n) => (pushScopeId("data-v-12ca2d13"), n = n(), popScopeId(), n);
+const _hoisted_1$9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-radio" }, null, -1));
+const _hoisted_2$9 = [
+  _hoisted_1$9
 ];
-const _hoisted_3$7 = ["checked"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$8 = ["checked"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   name: "LewRadio",
   props: {
     label: {
@@ -584,12 +585,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", {
           class: normalizeClass(["icon-radio-box", { "icon-checked-box": __props.checked }])
-        }, _hoisted_2$8, 2),
+        }, _hoisted_2$9, 2),
         withDirectives(createElementVNode("input", {
           type: "radio",
           checked: __props.checked,
           onInput: setChecked
-        }, null, 40, _hoisted_3$7), [
+        }, null, 40, _hoisted_3$8), [
           [vShow, false]
         ]),
         createTextVNode(" " + toDisplayString(__props.label), 1)
@@ -597,9 +598,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6be47ae3"]]);
+var LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-12ca2d13"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewRadio.vue"]]);
 var LewRadioGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   name: "LewRadioGroup",
   props: {
     modelValue: {
@@ -654,11 +655,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-1c9758ec"]]);
+var LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-756d6848"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewRadioGroup.vue"]]);
 var LewTabs_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$7 = { class: "lew-tabs" };
-const _hoisted_2$7 = ["onClick"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "lew-tabs" };
+const _hoisted_2$8 = ["onClick"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   name: "LewTabs",
   props: {
     modelValue: {
@@ -679,22 +680,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     let v = ref(props.modelValue);
     let itemRef = ref([]);
     const init = () => {
-      let index = props.options.findIndex((e) => e.value == v.value);
-      if (index < 0)
-        index = 0;
-      activeItemStyle.value = `width:${itemRef.value[index].offsetWidth}px;transform: translateX(${itemRef.value[index].offsetLeft}px);`;
+      let index2 = props.options.findIndex((e) => e.value == v.value);
+      if (index2 < 0)
+        index2 = 0;
+      activeItemStyle.value = `width:${itemRef.value[index2].offsetWidth}px;transform: translateX(${itemRef.value[index2].offsetLeft}px);`;
     };
-    const changeIndex = (item, index) => {
+    const changeIndex = (item, index2) => {
       if (item.value == props.modelValue) {
         return;
       }
-      v.value = props.options[index].value;
-      let activeRef = itemRef.value[index];
+      v.value = props.options[index2].value;
+      let activeRef = itemRef.value[index2];
       activeItemStyle.value = `width:${activeRef.offsetWidth}px;transform: translateX(${activeRef.offsetLeft}px);`;
       emit("update:change", {
         label: item.label,
         value: item.value,
-        activeIndex: index
+        activeIndex: index2
       });
       emit("update:modelValue", item.value);
     };
@@ -702,31 +703,31 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       init();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", {
           style: normalizeStyle(unref(activeItemStyle)),
           class: "activeItem"
         }, null, 4),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index2) => {
           return openBlock(), createElementBlock("div", {
             key: item.value,
             ref_for: true,
             ref: (el) => unref(itemRef).push(el),
             class: "lew-tabs-item",
-            onClick: ($event) => changeIndex(item, index)
-          }, toDisplayString(item.label), 9, _hoisted_2$7);
+            onClick: ($event) => changeIndex(item, index2)
+          }, toDisplayString(item.label), 9, _hoisted_2$8);
         }), 128))
       ]);
     };
   }
 });
-var LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2912852e"]]);
-const _hoisted_1$6 = {
+var LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7acf9b16"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form/LewTabs.vue"]]);
+const _hoisted_1$7 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("g", {
+const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("g", {
   fill: "none"
 }, [
   /* @__PURE__ */ createElementVNode("path", {
@@ -734,19 +735,19 @@ const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("g", {
     fill: "currentColor"
   })
 ], -1);
-const _hoisted_3$6 = [_hoisted_2$6];
+const _hoisted_3$7 = [_hoisted_2$7];
 var Alert24Regular = defineComponent({
   name: "Alert24Regular",
   render: function render(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
+    return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("g", {
+const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("g", {
   fill: "none"
 }, [
   /* @__PURE__ */ createElementVNode("path", {
@@ -754,19 +755,19 @@ const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("g", {
     fill: "currentColor"
   })
 ], -1);
-const _hoisted_3$5 = [_hoisted_2$5];
+const _hoisted_3$6 = [_hoisted_2$6];
 var CheckmarkCircle24Regular = defineComponent({
   name: "CheckmarkCircle24Regular",
   render: function render2(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
+    return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
   }
 });
-const _hoisted_1$4 = {
+const _hoisted_1$5 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 20 20"
 };
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("g", {
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("g", {
   fill: "none"
 }, [
   /* @__PURE__ */ createElementVNode("path", {
@@ -774,19 +775,19 @@ const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("g", {
     fill: "currentColor"
   })
 ], -1);
-const _hoisted_3$4 = [_hoisted_2$4];
+const _hoisted_3$5 = [_hoisted_2$5];
 var Dismiss20Filled = defineComponent({
   name: "Dismiss20Filled",
   render: function render3(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
+    return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("g", {
+const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("g", {
   fill: "none"
 }, [
   /* @__PURE__ */ createElementVNode("path", {
@@ -794,19 +795,19 @@ const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("g", {
     fill: "currentColor"
   })
 ], -1);
-const _hoisted_3$3 = [_hoisted_2$3];
+const _hoisted_3$4 = [_hoisted_2$4];
 var ErrorCircle24Regular = defineComponent({
   name: "ErrorCircle24Regular",
   render: function render4(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+    return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("g", {
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("g", {
   fill: "none"
 }, [
   /* @__PURE__ */ createElementVNode("path", {
@@ -814,19 +815,19 @@ const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("g", {
     fill: "currentColor"
   })
 ], -1);
-const _hoisted_3$2 = [_hoisted_2$2];
+const _hoisted_3$3 = [_hoisted_2$3];
 var Info24Regular = defineComponent({
   name: "Info24Regular",
   render: function render5(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+    return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("g", {
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("g", {
   fill: "none"
 }, [
   /* @__PURE__ */ createElementVNode("path", {
@@ -834,11 +835,11 @@ const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("g", {
     fill: "currentColor"
   })
 ], -1);
-const _hoisted_3$1 = [_hoisted_2$1];
+const _hoisted_3$2 = [_hoisted_2$2];
 var Warning24Regular = defineComponent({
   name: "Warning24Regular",
   render: function render6(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+    return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
   }
 });
 function ampCount(selector) {
@@ -1317,12 +1318,12 @@ const Icon = defineComponent({
   }
 });
 var LewAlert_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1 = { class: "lew-alert-group" };
-const _hoisted_2 = { class: "alert-icon" };
-const _hoisted_3 = { class: "message" };
+const _hoisted_1$1 = { class: "lew-alert-group" };
+const _hoisted_2$1 = { class: "alert-icon" };
+const _hoisted_3$1 = { class: "message" };
 const _hoisted_4 = { class: "title" };
 const _hoisted_5 = ["onClick"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   name: "LewAlert",
   props: {
     alertList: {
@@ -1335,13 +1336,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: ["close"],
   setup(__props, { emit }) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.alertList, (item, i) => {
           return openBlock(), createElementBlock("div", {
             key: i,
             class: normalizeClass(["lew-alert", `lew-alert-${item.type}`])
           }, [
-            createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_2$1, [
               item.type == `normal` ? (openBlock(), createBlock(unref(Icon), {
                 key: 0,
                 size: "24"
@@ -1350,7 +1351,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createVNode(unref(Info24Regular))
                 ]),
                 _: 1
-              })) : createCommentVNode("", true),
+              })) : createCommentVNode("v-if", true),
               item.type == `warning` ? (openBlock(), createBlock(unref(Icon), {
                 key: 1,
                 size: "24"
@@ -1359,7 +1360,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createVNode(unref(Warning24Regular))
                 ]),
                 _: 1
-              })) : createCommentVNode("", true),
+              })) : createCommentVNode("v-if", true),
               item.type == `success` ? (openBlock(), createBlock(unref(Icon), {
                 key: 2,
                 size: "24"
@@ -1368,7 +1369,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createVNode(unref(CheckmarkCircle24Regular))
                 ]),
                 _: 1
-              })) : createCommentVNode("", true),
+              })) : createCommentVNode("v-if", true),
               item.type == `danger` ? (openBlock(), createBlock(unref(Icon), {
                 key: 3,
                 size: "24"
@@ -1377,7 +1378,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createVNode(unref(ErrorCircle24Regular))
                 ]),
                 _: 1
-              })) : createCommentVNode("", true),
+              })) : createCommentVNode("v-if", true),
               item.type == `primary` ? (openBlock(), createBlock(unref(Icon), {
                 key: 4,
                 size: "24"
@@ -1386,9 +1387,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createVNode(unref(Alert24Regular))
                 ]),
                 _: 1
-              })) : createCommentVNode("", true)
+              })) : createCommentVNode("v-if", true)
             ]),
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_3$1, [
               createElementVNode("div", _hoisted_4, toDisplayString(item.title), 1),
               withDirectives(createElementVNode("div", { class: "content" }, toDisplayString(item.content), 513), [
                 [vShow, item.content]
@@ -1411,6 +1412,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+var LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/feedback/LewAlert.vue"]]);
 function useDOMCreate(nodeId) {
   const node = document.createElement("div");
   node.id = nodeId;
@@ -1420,7 +1422,7 @@ function useDOMCreate(nodeId) {
   });
 }
 var LewModal_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   name: "LewModal",
   props: {
     title: {
@@ -1448,7 +1450,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "#lew-modal" }, [
-        createVNode(Transition, { name: "fade" }, {
+        createVNode(Transition, { name: "lew-modal" }, {
           default: withCtx(() => [
             __props.visible ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -1463,8 +1465,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, ["stop"]))
               }, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ], 4)) : createCommentVNode("", true)
-            ])) : createCommentVNode("", true)
+              ], 4)) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true)
           ]),
           _: 3
         })
@@ -1472,7 +1474,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3af6ad00"]]);
+var LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f98cc7b8"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/feedback/LewModal.vue"]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -1789,7 +1791,15 @@ function effect$1(_ref2) {
       return;
     }
   }
+  {
+    if (!isHTMLElement(arrowElement)) {
+      console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "));
+    }
+  }
   if (!contains(state.elements.popper, arrowElement)) {
+    {
+      console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
+    }
     return;
   }
   state.elements.arrow = arrowElement;
@@ -1885,6 +1895,14 @@ function mapToStyles(_ref2) {
 function computeStyles(_ref5) {
   var state = _ref5.state, options = _ref5.options;
   var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+  {
+    var transitionProperty = getComputedStyle(state.elements.popper).transitionProperty || "";
+    if (adaptive && ["transform", "top", "right", "bottom", "left"].some(function(property) {
+      return transitionProperty.indexOf(property) >= 0;
+    })) {
+      console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', "\n\n", 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", "\n\n", "We recommend using the popper element as a wrapper around an inner", "element that can have any CSS property transitioned for animations."].join(" "));
+    }
+  }
   var commonStyles = {
     placement: getBasePlacement$1(state.placement),
     variation: getVariation(state.placement),
@@ -2209,6 +2227,9 @@ function computeAutoPlacement(state, options) {
   });
   if (allowedPlacements.length === 0) {
     allowedPlacements = placements$1;
+    {
+      console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" "));
+    }
   }
   var overflows = allowedPlacements.reduce(function(acc, placement2) {
     acc[placement2] = detectOverflow(state, {
@@ -2629,6 +2650,86 @@ function debounce$1(fn2) {
     return pending;
   };
 }
+function format(str) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return [].concat(args).reduce(function(p, c2) {
+    return p.replace(/%s/, c2);
+  }, str);
+}
+var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
+var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
+var VALID_PROPERTIES = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function validateModifiers(modifiers) {
+  modifiers.forEach(function(modifier) {
+    [].concat(Object.keys(modifier), VALID_PROPERTIES).filter(function(value, index2, self) {
+      return self.indexOf(value) === index2;
+    }).forEach(function(key) {
+      switch (key) {
+        case "name":
+          if (typeof modifier.name !== "string") {
+            console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '"name"', '"string"', '"' + String(modifier.name) + '"'));
+          }
+          break;
+        case "enabled":
+          if (typeof modifier.enabled !== "boolean") {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', '"' + String(modifier.enabled) + '"'));
+          }
+          break;
+        case "phase":
+          if (modifierPhases.indexOf(modifier.phase) < 0) {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(", "), '"' + String(modifier.phase) + '"'));
+          }
+          break;
+        case "fn":
+          if (typeof modifier.fn !== "function") {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"fn"', '"function"', '"' + String(modifier.fn) + '"'));
+          }
+          break;
+        case "effect":
+          if (modifier.effect != null && typeof modifier.effect !== "function") {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', '"' + String(modifier.fn) + '"'));
+          }
+          break;
+        case "requires":
+          if (modifier.requires != null && !Array.isArray(modifier.requires)) {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', '"' + String(modifier.requires) + '"'));
+          }
+          break;
+        case "requiresIfExists":
+          if (!Array.isArray(modifier.requiresIfExists)) {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requiresIfExists"', '"array"', '"' + String(modifier.requiresIfExists) + '"'));
+          }
+          break;
+        case "options":
+        case "data":
+          break;
+        default:
+          console.error('PopperJS: an invalid property has been provided to the "' + modifier.name + '" modifier, valid properties are ' + VALID_PROPERTIES.map(function(s) {
+            return '"' + s + '"';
+          }).join(", ") + '; but "' + key + '" was provided.');
+      }
+      modifier.requires && modifier.requires.forEach(function(requirement) {
+        if (modifiers.find(function(mod) {
+          return mod.name === requirement;
+        }) == null) {
+          console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));
+        }
+      });
+    });
+  });
+}
+function uniqueBy(arr, fn2) {
+  var identifiers = /* @__PURE__ */ new Set();
+  return arr.filter(function(item) {
+    var identifier = fn2(item);
+    if (!identifiers.has(identifier)) {
+      identifiers.add(identifier);
+      return true;
+    }
+  });
+}
 function mergeByName(modifiers) {
   var merged = modifiers.reduce(function(merged2, current) {
     var existing = merged2[current.name];
@@ -2642,6 +2743,8 @@ function mergeByName(modifiers) {
     return merged[key];
   });
 }
+var INVALID_ELEMENT_ERROR = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.";
+var INFINITE_LOOP_ERROR = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.";
 var DEFAULT_OPTIONS = {
   placement: "bottom",
   modifiers: [],
@@ -2692,6 +2795,28 @@ function popperGenerator(generatorOptions) {
         state.orderedModifiers = orderedModifiers.filter(function(m) {
           return m.enabled;
         });
+        {
+          var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function(_ref) {
+            var name = _ref.name;
+            return name;
+          });
+          validateModifiers(modifiers);
+          if (getBasePlacement$1(state.options.placement) === auto) {
+            var flipModifier = state.orderedModifiers.find(function(_ref2) {
+              var name = _ref2.name;
+              return name === "flip";
+            });
+            if (!flipModifier) {
+              console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
+            }
+          }
+          var _getComputedStyle = getComputedStyle(popper2), marginTop = _getComputedStyle.marginTop, marginRight = _getComputedStyle.marginRight, marginBottom = _getComputedStyle.marginBottom, marginLeft = _getComputedStyle.marginLeft;
+          if ([marginTop, marginRight, marginBottom, marginLeft].some(function(margin) {
+            return parseFloat(margin);
+          })) {
+            console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
+          }
+        }
         runModifierEffects();
         return instance.update();
       },
@@ -2701,6 +2826,9 @@ function popperGenerator(generatorOptions) {
         }
         var _state$elements = state.elements, reference3 = _state$elements.reference, popper3 = _state$elements.popper;
         if (!areValidElements(reference3, popper3)) {
+          {
+            console.error(INVALID_ELEMENT_ERROR);
+          }
           return;
         }
         state.rects = {
@@ -2712,13 +2840,21 @@ function popperGenerator(generatorOptions) {
         state.orderedModifiers.forEach(function(modifier) {
           return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
         });
-        for (var index = 0; index < state.orderedModifiers.length; index++) {
+        var __debug_loops__ = 0;
+        for (var index2 = 0; index2 < state.orderedModifiers.length; index2++) {
+          {
+            __debug_loops__ += 1;
+            if (__debug_loops__ > 100) {
+              console.error(INFINITE_LOOP_ERROR);
+              break;
+            }
+          }
           if (state.reset === true) {
             state.reset = false;
-            index = -1;
+            index2 = -1;
             continue;
           }
-          var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+          var _state$orderedModifie = state.orderedModifiers[index2], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
           if (typeof fn2 === "function") {
             state = fn2({
               state,
@@ -2741,6 +2877,9 @@ function popperGenerator(generatorOptions) {
       }
     };
     if (!areValidElements(reference2, popper2)) {
+      {
+        console.error(INVALID_ELEMENT_ERROR);
+      }
       return instance;
     }
     instance.setOptions(options).then(function(state2) {
@@ -2789,10 +2928,13 @@ var TOUCH_OPTIONS = {
 var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO2() {
   return document.body;
 };
-function getValueAtIndexOrReturn(value, index, defaultValue) {
+function hasOwnProperty(obj, key) {
+  return {}.hasOwnProperty.call(obj, key);
+}
+function getValueAtIndexOrReturn(value, index2, defaultValue) {
   if (Array.isArray(value)) {
-    var v = value[index];
-    return v == null ? Array.isArray(defaultValue) ? defaultValue[index] : defaultValue : v;
+    var v = value[index2];
+    return v == null ? Array.isArray(defaultValue) ? defaultValue[index2] : defaultValue : v;
   }
   return value;
 }
@@ -2815,6 +2957,13 @@ function debounce(fn2, ms) {
     }, ms);
   };
 }
+function removeProperties(obj, keys) {
+  var clone = Object.assign({}, obj);
+  keys.forEach(function(key) {
+    delete clone[key];
+  });
+  return clone;
+}
 function splitBySpaces(value) {
   return value.split(/\s+/).filter(Boolean);
 }
@@ -2827,8 +2976,8 @@ function pushIfUnique(arr, value) {
   }
 }
 function unique(arr) {
-  return arr.filter(function(item, index) {
-    return arr.indexOf(item) === index;
+  return arr.filter(function(item, index2) {
+    return arr.indexOf(item) === index2;
   });
 }
 function getBasePlacement(placement) {
@@ -2967,6 +3116,53 @@ function bindGlobalEventListeners() {
 }
 var isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
 var isIE11 = isBrowser ? !!window.msCrypto : false;
+function createMemoryLeakWarning(method) {
+  var txt = method === "destroy" ? "n already-" : " ";
+  return [method + "() was called on a" + txt + "destroyed instance. This is a no-op but", "indicates a potential memory leak."].join(" ");
+}
+function clean(value) {
+  var spacesAndTabs = /[ \t]{2,}/g;
+  var lineStartWithSpaces = /^[ \t]*/gm;
+  return value.replace(spacesAndTabs, " ").replace(lineStartWithSpaces, "").trim();
+}
+function getDevMessage(message) {
+  return clean("\n  %ctippy.js\n\n  %c" + clean(message) + "\n\n  %c\u{1F477}\u200D This is a development-only message. It will be removed in production.\n  ");
+}
+function getFormattedMessage(message) {
+  return [
+    getDevMessage(message),
+    "color: #00C584; font-size: 1.3em; font-weight: bold;",
+    "line-height: 1.5",
+    "color: #a6a095;"
+  ];
+}
+var visitedMessages;
+{
+  resetVisitedMessages();
+}
+function resetVisitedMessages() {
+  visitedMessages = /* @__PURE__ */ new Set();
+}
+function warnWhen(condition, message) {
+  if (condition && !visitedMessages.has(message)) {
+    var _console;
+    visitedMessages.add(message);
+    (_console = console).warn.apply(_console, getFormattedMessage(message));
+  }
+}
+function errorWhen(condition, message) {
+  if (condition && !visitedMessages.has(message)) {
+    var _console2;
+    visitedMessages.add(message);
+    (_console2 = console).error.apply(_console2, getFormattedMessage(message));
+  }
+}
+function validateTargets(targets) {
+  var didPassFalsyValue = !targets;
+  var didPassPlainObject = Object.prototype.toString.call(targets) === "[object Object]" && !targets.addEventListener;
+  errorWhen(didPassFalsyValue, ["tippy() was passed", "`" + String(targets) + "`", "as its targets (first) argument. Valid types are: String, Element,", "Element[], or NodeList."].join(" "));
+  errorWhen(didPassPlainObject, ["tippy() was passed a plain object which is not supported as an argument", "for virtual positioning. Use props.getReferenceClientRect instead."].join(" "));
+}
 var pluginProps = {
   animateFill: false,
   followCursor: false,
@@ -3035,6 +3231,9 @@ var defaultProps = Object.assign({
 }, pluginProps, renderProps);
 var defaultKeys = Object.keys(defaultProps);
 var setDefaultProps = function setDefaultProps2(partialProps) {
+  {
+    validateProps(partialProps, []);
+  }
   var keys = Object.keys(partialProps);
   keys.forEach(function(key) {
     defaultProps[key] = partialProps[key];
@@ -3085,6 +3284,25 @@ function evaluateProps(reference2, props) {
   };
   return out;
 }
+function validateProps(partialProps, plugins) {
+  if (partialProps === void 0) {
+    partialProps = {};
+  }
+  if (plugins === void 0) {
+    plugins = [];
+  }
+  var keys = Object.keys(partialProps);
+  keys.forEach(function(prop) {
+    var nonPluginProps = removeProperties(defaultProps, Object.keys(pluginProps));
+    var didPassUnknownProp = !hasOwnProperty(nonPluginProps, prop);
+    if (didPassUnknownProp) {
+      didPassUnknownProp = plugins.filter(function(plugin) {
+        return plugin.name === prop;
+      }).length === 0;
+    }
+    warnWhen(didPassUnknownProp, ["`" + prop + "`", "is not a valid prop. You may have spelled it incorrectly, or if it's", "a plugin, forgot to pass it in an array as props.plugins.", "\n\n", "All props: https://atomiks.github.io/tippyjs/v6/all-props/\n", "Plugins: https://atomiks.github.io/tippyjs/v6/plugins/"].join(" "));
+  });
+}
 var innerHTML = function innerHTML2() {
   return "innerHTML";
 };
@@ -3237,6 +3455,9 @@ function createTippy(reference2, passedProps) {
     destroy
   };
   if (!props.render) {
+    {
+      errorWhen(true, "render() function has not been supplied.");
+    }
     return instance;
   }
   var _props$render = props.render(instance), popper2 = _props$render.popper, onUpdate = _props$render.onUpdate;
@@ -3652,6 +3873,9 @@ function createTippy(reference2, passedProps) {
     }
     instance.state.isMounted = true;
     createPopperInstance();
+    {
+      warnWhen(instance.props.interactive && appendTo === defaultProps.appendTo && node.nextElementSibling !== popper2, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", "\n\n", "Using a wrapper <div> or <span> tag around the reference element", "solves this by creating a new parentNode context.", "\n\n", "Specifying `appendTo: document.body` silences this warning, but it", "assumes you are using a focus management solution to handle", "keyboard navigation.", "\n\n", "See: https://atomiks.github.io/tippyjs/v6/accessibility/#interactivity"].join(" "));
+    }
   }
   function getNestedPopperTree() {
     return arrayFrom(popper2.querySelectorAll("[data-tippy-root]"));
@@ -3711,6 +3935,9 @@ function createTippy(reference2, passedProps) {
     cancelAnimationFrame(scheduleHideAnimationFrame);
   }
   function setProps(partialProps) {
+    {
+      warnWhen(instance.state.isDestroyed, createMemoryLeakWarning("setProps"));
+    }
     if (instance.state.isDestroyed) {
       return;
     }
@@ -3752,6 +3979,9 @@ function createTippy(reference2, passedProps) {
     });
   }
   function show() {
+    {
+      warnWhen(instance.state.isDestroyed, createMemoryLeakWarning("show"));
+    }
     var isAlreadyVisible = instance.state.isVisible;
     var isDestroyed = instance.state.isDestroyed;
     var isDisabled = !instance.state.isEnabled;
@@ -3808,6 +4038,9 @@ function createTippy(reference2, passedProps) {
     mount2();
   }
   function hide2() {
+    {
+      warnWhen(instance.state.isDestroyed, createMemoryLeakWarning("hide"));
+    }
     var isAlreadyHidden = !instance.state.isVisible;
     var isDestroyed = instance.state.isDestroyed;
     var isDisabled = !instance.state.isEnabled;
@@ -3847,11 +4080,17 @@ function createTippy(reference2, passedProps) {
     }
   }
   function hideWithInteractivity(event) {
+    {
+      warnWhen(instance.state.isDestroyed, createMemoryLeakWarning("hideWithInteractivity"));
+    }
     getDocument().addEventListener("mousemove", debouncedOnMouseMove);
     pushIfUnique(mouseMoveListeners, debouncedOnMouseMove);
     debouncedOnMouseMove(event);
   }
   function unmount2() {
+    {
+      warnWhen(instance.state.isDestroyed, createMemoryLeakWarning("unmount"));
+    }
     if (instance.state.isVisible) {
       instance.hide();
     }
@@ -3872,6 +4111,9 @@ function createTippy(reference2, passedProps) {
     invokeHook("onHidden", [instance]);
   }
   function destroy() {
+    {
+      warnWhen(instance.state.isDestroyed, createMemoryLeakWarning("destroy"));
+    }
     if (instance.state.isDestroyed) {
       return;
     }
@@ -3888,11 +4130,20 @@ function tippy$1(targets, optionalProps) {
     optionalProps = {};
   }
   var plugins = defaultProps.plugins.concat(optionalProps.plugins || []);
+  {
+    validateTargets(targets);
+    validateProps(optionalProps, plugins);
+  }
   bindGlobalEventListeners();
   var passedProps = Object.assign({}, optionalProps, {
     plugins
   });
   var elements = getArrayOfElements(targets);
+  {
+    var isSingleContentElement = isElement(passedProps.content);
+    var isMoreThanOneReferenceElement = elements.length > 1;
+    warnWhen(isSingleContentElement && isMoreThanOneReferenceElement, ["tippy() was passed an Element as the `content` prop, but more than", "one tippy instance was created by this invocation. This means the", "content element will only be appended to the last tippy instance.", "\n\n", "Instead, pass the .innerHTML of the element, or use a function that", "returns a cloned version of the element instead.", "\n\n", "1) content: element.innerHTML\n", "2) content: () => element.cloneNode(true)"].join(" "));
+  }
   var instances = elements.reduce(function(acc, reference2) {
     var instance = reference2 && createTippy(reference2, passedProps);
     if (instance) {
@@ -3951,7 +4202,197 @@ var LewTooltips = {
     });
   }
 };
+var LewDialog_vue_vue_type_style_index_0_scoped_true_lang = "";
+var LewDialog_vue_vue_type_style_index_1_lang = "";
+const _hoisted_1 = { class: "lew-dialog-box" };
+const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
+const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u786E\u8BA4");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  name: "LewDialog",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: true
+    },
+    ok: {
+      type: Function
+    },
+    cancel: {
+      type: Function
+    }
+  },
+  emits: ["update:visible"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const OnClickOverlay = () => {
+      if (props.closeOnClickOverlay) {
+        close();
+      }
+    };
+    let isShowDialog = ref(true);
+    const close = () => {
+      isShowDialog.value = false;
+      setTimeout(() => {
+        emit("update:visible", false);
+      }, 245);
+    };
+    const okFn = () => {
+      if (typeof props.ok === "function") {
+        props.ok();
+      }
+      close();
+    };
+    const cancelFn = () => {
+      if (typeof props.cancel === "function") {
+        props.cancel();
+      }
+      close();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        __props.visible ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "lew-dialog",
+          style: normalizeStyle(unref(isShowDialog) ? "animation: lewDialogOpen 0.25s;" : "animation: lewDialogClose 0.25s;"),
+          onClick: OnClickOverlay
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("header", null, [
+              renderSlot(_ctx.$slots, "title", {}, void 0, true),
+              createElementVNode("span", {
+                class: "gulu-dialog-close",
+                onClick: close
+              })
+            ]),
+            createElementVNode("main", null, [
+              renderSlot(_ctx.$slots, "content", {}, void 0, true)
+            ]),
+            createElementVNode("footer", null, [
+              createVNode(unref(LewButton), {
+                type: "normal",
+                onClick: cancelFn
+              }, {
+                default: withCtx(() => [
+                  _hoisted_2
+                ]),
+                _: 1
+              }),
+              createVNode(unref(LewButton), { onClick: okFn }, {
+                default: withCtx(() => [
+                  _hoisted_3
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ], 4)) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21634138"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/feedback/LewDialog/LewDialog.vue"]]);
+const warning$1 = (options) => {
+  dialog$1("warning", options);
+};
+const error$1 = (options) => {
+  dialog$1("error", options);
+};
+const info$1 = (options) => {
+  dialog$1("info", options);
+};
+const normal$1 = (options) => {
+  dialog$1("normal", options);
+};
+const success$1 = (options) => {
+  dialog$1("success", options);
+};
+const dialog$1 = (type, options) => {
+  const { title, content, ok, cancel } = options;
+  const div2 = document.createElement("div");
+  document.body.appendChild(div2);
+  const close = () => {
+    app.unmount(div2);
+    div2.remove();
+  };
+  const app = createApp({
+    render() {
+      return h(LewDialog, {
+        closeOnClickOverlay: false,
+        visible: true,
+        "onUpdate:visible": (newVisible) => {
+          if (newVisible === false) {
+            close();
+          }
+        },
+        ok,
+        cancel
+      }, {
+        title: () => title,
+        content: () => content
+      });
+    }
+  });
+  app.mount(div2);
+};
+var index$1 = { warning: warning$1, info: info$1, normal: normal$1, success: success$1, error: error$1 };
+var LewMessage = "";
+const warning = (content) => {
+  dialog("warning", content);
+};
+const error = (content) => {
+  dialog("error", content);
+};
+const info = (content) => {
+  dialog("info", content);
+};
+const normal = (content) => {
+  dialog("normal", content);
+};
+const success = (content) => {
+  dialog("success", content);
+};
+const createMessageList = () => {
+  const div2 = document.createElement("div");
+  div2.setAttribute("id", "lew-message");
+  document.body.appendChild(div2);
+};
+const dialog = (type, content) => {
+  if (!document.getElementById("lew-message")) {
+    createMessageList();
+    dialog(type, content);
+  } else {
+    addMessage(type, content);
+  }
+};
+const addMessage = (type, text) => {
+  const LewMessageDom = document.getElementById("lew-message");
+  const newMessage = document.createElement("div");
+  const svgArr = {
+    success: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17zm-1.25 9.94l4.47-4.47a.75.75 0 0 1 1.133.976l-.073.084l-5 5a.75.75 0 0 1-.976.073l-.084-.073l-2.5-2.5a.75.75 0 0 1 .976-1.133l.084.073l1.97 1.97l4.47-4.47l-4.47 4.47z" fill="currentColor"></path></g></svg>`,
+    warning: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M10.91 2.782a2.25 2.25 0 0 1 2.975.74l.083.138l7.759 14.009a2.25 2.25 0 0 1-1.814 3.334l-.154.006H4.243a2.25 2.25 0 0 1-2.041-3.197l.072-.143L10.031 3.66a2.25 2.25 0 0 1 .878-.878zm9.505 15.613l-7.76-14.008a.75.75 0 0 0-1.254-.088l-.057.088l-7.757 14.008a.75.75 0 0 0 .561 1.108l.095.006h15.516a.75.75 0 0 0 .696-1.028l-.04-.086l-7.76-14.008l7.76 14.008zM12 16.002a.999.999 0 1 1 0 1.997a.999.999 0 0 1 0-1.997zM11.995 8.5a.75.75 0 0 1 .744.647l.007.102l.004 4.502a.75.75 0 0 1-1.494.103l-.006-.102l-.004-4.502a.75.75 0 0 1 .75-.75z" fill="currentColor"></path></g></svg>`,
+    error: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 2c5.523 0 10 4.478 10 10s-4.477 10-10 10S2 17.522 2 12S6.477 2 12 2zm0 1.667c-4.595 0-8.333 3.738-8.333 8.333c0 4.595 3.738 8.333 8.333 8.333c4.595 0 8.333-3.738 8.333-8.333c0-4.595-3.738-8.333-8.333-8.333zm-.001 10.835a.999.999 0 1 1 0 1.998a.999.999 0 0 1 0-1.998zM11.994 7a.75.75 0 0 1 .744.648l.007.101l.004 4.502a.75.75 0 0 1-1.493.103l-.007-.102l-.004-4.501a.75.75 0 0 1 .75-.751z" fill="currentColor"></path></g></svg>`,
+    normal: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 1.999c5.524 0 10.002 4.478 10.002 10.002c0 5.523-4.478 10.001-10.002 10.001C6.476 22.002 2 17.524 2 12.001C1.999 6.477 6.476 1.999 12 1.999zm0 1.5a8.502 8.502 0 1 0 0 17.003A8.502 8.502 0 0 0 12 3.5zm-.004 7a.75.75 0 0 1 .744.648l.007.102l.004 5.502a.75.75 0 0 1-1.494.102l-.006-.101l-.004-5.502a.75.75 0 0 1 .75-.75zm.005-3.497a.999.999 0 1 1 0 1.997a.999.999 0 0 1 0-1.997z" fill="currentColor"></path></g></svg>`,
+    info: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.249 1.249 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5zM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.007-.147zM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.003-.225A5.988 5.988 0 0 0 12 3.496z" fill="currentColor"></path></g></svg>`
+  };
+  newMessage.innerHTML = `${svgArr[type]}<span>${text}</span>`;
+  LewMessageDom == null ? void 0 : LewMessageDom.appendChild(newMessage, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
+  newMessage.setAttribute("class", `message message-${type}`);
+  setTimeout(() => {
+    newMessage.setAttribute("class", `message message-${type} message-show`);
+    setTimeout(() => {
+      newMessage.setAttribute("class", `message message-${type} message-hidden`);
+      setTimeout(() => {
+        LewMessageDom == null ? void 0 : LewMessageDom.removeChild(newMessage);
+      }, 250);
+    }, 3e3);
+  }, 10);
+};
+var index = { warning, info, normal, success, error };
 var reset = "";
 var main = "";
 var _var = "";
-export { _sfc_main$1 as LewAlert, LewAvatar, _sfc_main$d as LewBadge, LewButton, LewCheckbox, LewCheckboxGroup, LewFormItem, LewInput, LewModal, LewRadio as LewRadiobox, LewRadioGroup as LewRadioboxGroup, LewSelect, LewSwitch, LewTabs, LewTextarea, LewTitle, LewTooltips };
+export { LewAlert, LewAvatar, LewBadge, LewButton, LewCheckbox, LewCheckboxGroup, index$1 as LewDialog, LewFormItem, LewInput, index as LewMessage, LewModal, LewRadio as LewRadiobox, LewRadioGroup as LewRadioboxGroup, LewSelect, LewSwitch, LewTabs, LewTextarea, LewTitle, LewTooltips };