eco-vue-js 0.8.40 → 0.8.42

package/dist/components/Select/WSelectStringified.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from './WSelect.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const selectComponent = ref();
+    const selectComponentRef = useTemplateRef("selectComponent");
     const arrayValue = computed(() => props.modelValue !== null ? props.modelValue.split(props.divider) : []);
     const updateModelValue = (value, isSelect) => {
       const valueList = value.split(props.divider);
@@ -78,16 +78,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:model-value", newValue || null);
     };
     const blur = () => {
-      selectComponent.value?.blur();
+      selectComponentRef.value?.blur();
     };
     __expose({
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
-        ref_key: "selectComponent",
-        ref: selectComponent
-      }, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "selectComponent" }, {
         ...props,
         modelValue: arrayValue.value
       }, {

package/dist/components/Select/components/SelectAsyncList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"yBA2NiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkgBxD,mBAAmB,CAAC;;;;;;;oBA9fhB,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;2BACL,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC3D,OAAO;KA8e8D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAlZD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAzFlF,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,GAAG,IAAI;;;;;YA4egB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5gBvE,wBA4gB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"yBAgOiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAigBxD,mBAAmB,CAAC;;;;;;;oBA7fhB,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;2BACL,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC3D,OAAO;KA6e8D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAjZD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAzFlF,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,GAAG,IAAI;;;;;YA2egB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3gBvE,wBA2gB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectAsyncList.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, openBlock, createElementBlock, createVNode, withCtx, normalizeClass, renderSlot, createBlock, createElementVNode, createCommentVNode } from 'vue';
-import _sfc_main$2 from './SelectOption.vue.js';
 import _sfc_main$1 from '../../InfiniteList/WInfiniteList.vue.js';
 import { debounce } from '../../../utils/utils.js';
+import _sfc_main$2 from './SelectOption.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectAsyncList",
@@ -181,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onUnmounted: _cache[10] || (_cache[10] = ($event) => updateCursor(void 0))
         }, {
           prefix: withCtx(() => _cache[11] || (_cache[11] = [
-            createElementVNode("span", { class: "w-select-field pr-2 sm-not:px-3" }, " Create: ", -1)
+            createElementVNode("span", { class: "w-select-field sm-not:px-3 pr-2" }, " Create: ", -1)
           ])),
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default", {

package/dist/components/Select/components/SelectAsyncPrefix.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefix.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAGtF,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkLxD,mBAAmB,CAAC;;;;oPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBA7JD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAdvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;;;;YA8KJ,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5LvE,wBA4L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefix.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAWtF,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiLxD,mBAAmB,CAAC;;;;oPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBA5JD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAdvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;;;;YA6KJ,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3LvE,wBA2L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectAsyncPrefix.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, createVNode, withCtx, renderSlot, createElementVNode, toDisplayString, unref, normalizeClass, withModifiers, createCommentVNode } from 'vue';
-import _sfc_main$1 from './SelectAsyncPrefixPage.vue.js';
-import { numberFormatter } from '../../../utils/utils.js';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
+import { numberFormatter } from '../../../utils/utils.js';
+import _sfc_main$1 from './SelectAsyncPrefixPage.vue.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "flex overflow-hidden items-center text-accent gap-1 px-1"
+  class: "text-accent flex items-center gap-1 overflow-hidden px-1"
 };
 const PAGE_LENGTH = 8;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -64,9 +64,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", null, "... " + toDisplayString(unref(numberFormatter).format(_ctx.modelValue.length)) + " items", 1),
           !_ctx.disableClear && !_ctx.disabled ? (openBlock(), createElementBlock("button", {
             key: 0,
-            class: normalizeClass(["relative flex square-5 rounded-full items-center justify-center outline-none", {
+            class: normalizeClass(["square-5 relative flex items-center justify-center rounded-full outline-none", {
               "cursor-progress": _ctx.loading,
-              "cursor-pointer w-ripple w-ripple-hover ": !_ctx.loading
+              "w-ripple w-ripple-hover cursor-pointer ": !_ctx.loading
             }]),
             onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
             }, ["stop", "prevent"])),

package/dist/components/Select/components/SelectAsyncPrefixPage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAG1F,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiMxD,mBAAmB,CAAC;;;;yPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAlJD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YA1CvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;YA+LF,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3MvE,wBA2M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAoHA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAO1F,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgMxD,mBAAmB,CAAC;;;;yPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAjJD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YA1CvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;YA8LF,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1MvE,wBA0M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectAsyncPrefixPage.vue.js

@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option, index) => {
         return openBlock(), createElementBlock("div", {
           key: _ctx.valueGetter(option),
-          class: normalizeClass(["relative flex overflow-hidden items-center text-description", {
+          class: normalizeClass(["text-description relative flex items-center overflow-hidden", {
             "cursor-pointer": !_ctx.disabled,
             "cursor-not-allowed": _ctx.disabled
           }])
@@ -76,9 +76,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 name: "default",
                 fn: withCtx(() => [
                   createElementVNode("button", {
-                    class: normalizeClass(["relative flex square-5 rounded-full -my-1 -mr-2 ml-1 items-center justify-center outline-none", {
+                    class: normalizeClass(["square-5 relative -my-1 -mr-2 ml-1 flex items-center justify-center rounded-full outline-none", {
                       "cursor-progress": _ctx.loading,
-                      "cursor-pointer w-ripple w-ripple-hover": !_ctx.loading
+                      "w-ripple w-ripple-hover cursor-pointer": !_ctx.loading
                     }]),
                     onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                     }, ["stop", "prevent"])),
@@ -93,9 +93,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           !_ctx.optionComponent && !_ctx.disableClear && !_ctx.disabled ? (openBlock(), createElementBlock("button", {
             key: 0,
-            class: normalizeClass(["relative flex square-5 rounded-full items-center justify-center outline-none", {
+            class: normalizeClass(["square-5 relative flex items-center justify-center rounded-full outline-none", {
               "cursor-progress": _ctx.loading,
-              "cursor-pointer w-ripple w-ripple-hover ": !_ctx.loading
+              "w-ripple w-ripple-hover cursor-pointer ": !_ctx.loading
             }]),
             onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["stop", "prevent"])),

package/dist/components/Select/components/SelectOption.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"yBA4IiB,KAAK,SAAS,MAAM,GAAG,MAAM,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuOxD,mBAAmB,CAAC;oBAnOhB,OAAO;mBACR,OAAO;kBACR,OAAO;mBACN,OAAO;iBACT,OAAO;gBACR,OAAO;eACR,OAAO;mBACH,KAAK,GAAG,IAAI;eAChB,KAAK,GAAG,IAAI;qBACN,OAAO;yBACH,OAAO;KAyN6D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBAhJF,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;iBADT,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;;YAvEd,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;;YAmNkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"yBA+IiB,KAAK,SAAS,MAAM,GAAG,MAAM,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqOxD,mBAAmB,CAAC;oBAjOhB,OAAO;mBACR,OAAO;kBACR,OAAO;mBACN,OAAO;iBACT,OAAO;gBACR,OAAO;eACR,OAAO;mBACH,KAAK,GAAG,IAAI;eAChB,KAAK,GAAG,IAAI;qBACN,OAAO;yBACH,OAAO;KAuN6D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBA9IF,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;iBADT,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;;YAvEd,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;;YAiNkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/OvE,wBA+O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectOption.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent, ref, watch, watchEffect, onUnmounted, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, createVNode, Transition, withCtx, createBlock, unref, createCommentVNode } from 'vue';
-import IconCheck from '../../../assets/icons/default/IconCheck.svg.js';
+import { defineComponent, useTemplateRef, watch, watchEffect, onUnmounted, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, createVNode, Transition, withCtx, createBlock, unref, createCommentVNode } from 'vue';
 import WSpinner from '../../Spinner/WSpinner.vue.js';
+import IconCheck from '../../../assets/icons/default/IconCheck.svg.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "flex items-center justify-center text-primary-default dark:text-primary-dark [--spinner-size:1.5rem] col-start-3"
+  class: "text-primary-default dark:text-primary-dark col-start-3 flex items-center justify-center [--spinner-size:1.5rem]"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectOption",
@@ -25,14 +25,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const element = ref();
+    const elementRef = useTemplateRef("element");
     const toggle = () => {
       if (props.skeleton || props.loading) return;
       if (props.isSelected) emit("unselect");
       else emit("select");
     };
     const scrollIntoView = () => {
-      element.value?.scrollIntoView({ behavior: "auto", block: "center" });
+      elementRef.value?.scrollIntoView({ behavior: "auto", block: "center" });
     };
     watch(() => props.isCursor, (value) => {
       if (!value) return;
@@ -67,9 +67,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        ref_key: "element",
-        ref: element,
-        class: normalizeClass(["relative grid grid-cols-[auto,1fr,2.5rem] w-full py-2 px-[1.0625rem]", {
+        ref: "element",
+        class: normalizeClass(["relative grid w-full grid-cols-[auto,1fr,2.5rem] px-[1.0625rem] py-2", {
           "bg-primary-light dark:bg-primary-darkest": _ctx.isSelected,
           "before:opacity-5": !_ctx.loading && _ctx.isCursor && !_ctx.skeleton,
           "cursor-progress": _ctx.loading || _ctx.skeleton,
@@ -81,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, "prefix"),
         createElementVNode("div", {
-          class: normalizeClass(["flex items-center overflow-hidden col-start-2", {
+          class: normalizeClass(["col-start-2 flex items-center overflow-hidden", {
             "col-span-2": _ctx.hideOptionIcon
           }])
         }, [

package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts

@@ -1,4 +1,4 @@
-import { SelectPrefixProps, SelectOptionComponent } from '../types';
+import { SelectOptionComponent, SelectPrefixProps } from '../types';
 declare const _default: <Data extends DefaultData, OptionComponent extends SelectOptionComponent<Data>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onUnselect?: (() => any) | undefined;

package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAA;yBAGrD,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAChF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsJxD,mBAAmB,CAAC;;6KAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA3Be,GAAG;;cAtHzB,UAAU,KAAG,IAAI;;;;YAsJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhKvE,wBAgK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAA;yBAKrD,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAChF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqJxD,mBAAmB,CAAC;;6KAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA3Be,GAAG;;cArHzB,UAAU,KAAG,IAAI;;;;YAqJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/JvE,wBA+J4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectOptionPrefix.vue.js

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["relative grid grid-cols-[1fr,auto] items-center text-description group/model", {
+        class: normalizeClass(["text-description group/model relative grid grid-cols-[1fr,auto] items-center", {
           "cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled
         }])
@@ -31,10 +31,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               !_ctx.disableClear ? (openBlock(), createElementBlock("button", {
                 key: 0,
-                class: normalizeClass(["relative flex square-5 rounded-full -my-1 -mr-2 ml-1 items-center justify-center outline-none", {
+                class: normalizeClass(["square-5 relative -my-1 -mr-2 ml-1 flex items-center justify-center rounded-full outline-none", {
                   "cursor-not-allowed": _ctx.disabled,
                   "cursor-progress": _ctx.loading,
-                  "cursor-pointer w-ripple w-ripple-hover ": !_ctx.loading && !_ctx.disabled
+                  "w-ripple w-ripple-hover cursor-pointer ": !_ctx.loading && !_ctx.disabled
                 }]),
                 onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["stop", "prevent"])),
@@ -48,10 +48,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         !_ctx.optionComponent && !_ctx.disableClear ? (openBlock(), createElementBlock("button", {
           key: 0,
-          class: normalizeClass(["relative flex square-5 rounded-full items-center justify-center outline-none", {
+          class: normalizeClass(["square-5 relative flex items-center justify-center rounded-full outline-none", {
             "cursor-not-allowed": _ctx.disabled,
             "cursor-progress": _ctx.loading,
-            "cursor-pointer w-ripple w-ripple-hover ": !_ctx.loading && !_ctx.disabled
+            "w-ripple w-ripple-hover cursor-pointer ": !_ctx.loading && !_ctx.disabled
           }]),
           onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
           }, ["stop", "prevent"])),

package/dist/components/Spinner/WSpinner.vue.js

@@ -4,7 +4,7 @@ import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 const _sfc_main = {};
 
 const _hoisted_1 = {
-  class: "animate-spin square-[var(--spinner-size,2rem)]",
+  class: "square-[var(--spinner-size,2rem)] animate-spin",
   width: "20",
   height: "20",
   viewBox: "25 25 50 50"

package/dist/components/Tabs/WTabs.vue.d.ts

@@ -1,10 +1,10 @@
-import { nextTick, VNode } from 'vue';
+import { VNode, nextTick } from 'vue';
 import { default as WForm } from '../Form/WForm.vue';
 declare const _default: import('vue').DefineComponent<{
     names?: string[] | Record<number, string>;
     namesForm?: string[] | Record<number, string>;
     icons?: SVGComponent[] | Record<number, SVGComponent>;
-    slots?: VNode[];
+    customSlots?: VNode[];
     lessTransitions?: boolean;
     initTab?: number;
     side?: boolean;
@@ -25,7 +25,7 @@ declare const _default: import('vue').DefineComponent<{
     names?: string[] | Record<number, string>;
     namesForm?: string[] | Record<number, string>;
     icons?: SVGComponent[] | Record<number, SVGComponent>;
-    slots?: VNode[];
+    customSlots?: VNode[];
     lessTransitions?: boolean;
     initTab?: number;
     side?: boolean;
@@ -48,6 +48,8 @@ declare const _default: import('vue').DefineComponent<{
         };
         $refs: {
             [x: string]: unknown;
+        } & {
+            element: HTMLDivElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;

package/dist/components/Tabs/WTabs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AA2QA,OAAO,EAAwB,QAAQ,EAAE,KAAK,KAAK,EAAoE,MAAM,KAAK,CAAA;AAElI,OAAO,KAAK,MAAM,6BAA6B,CAAA;;YAOrC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;YACrC,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;YAC7C,KAAK,EAAE;sBACG,OAAO;cACf,MAAM;WACT,OAAO;uBACK,OAAO;;yBA0CA,MAAM;gBAajB,IAAI;oBAIA,IAAI;sBAkCA,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;wBAIhI,MAAM;;UAAuE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;uBAIvI,MAAM,KAAsE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;;;;;YA5GpJ,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;YACrC,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;YAC7C,KAAK,EAAE;sBACG,OAAO;cACf,MAAM;WACT,OAAO;uBACK,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAmWjB,GAAG,8CACD,GAAG,yBAChB,GAAE,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAF7B,GAAG,8CACD,GAAG,yBAChB,GAAE,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;AAsFxC,wBAYG"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AA6QA,OAAO,EAAC,KAAK,KAAK,EAAoB,QAAQ,EAAyE,MAAM,KAAK,CAAA;AAElI,OAAO,KAAK,MAAM,6BAA6B,CAAA;;YAUrC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;YACrC,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;kBACvC,KAAK,EAAE;sBACH,OAAO;cACf,MAAM;WACT,OAAO;uBACK,OAAO;;yBA0CA,MAAM;gBAajB,IAAI;oBAIA,IAAI;sBAkCA,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;wBAIhI,MAAM;;UAAuE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;uBAIvI,MAAM,KAAsE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;;;;;YA5GpJ,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;YACrC,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;kBACvC,KAAK,EAAE;sBACH,OAAO;cACf,MAAM;WACT,OAAO;uBACK,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6VW,GAAG,8CAEvC,GAAG,yBAAyB,GAAG,6DACN,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHQ,GAAG,8CAEvC,GAAG,yBAAyB,GAAG,6DACN,GAAG;;;;;;;;;;;;;;;;;;;;;AAuF/B,wBAYG"}

package/dist/components/Tabs/WTabs.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, useSlots, computed, ref, useTemplateRef, reactive, inject, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, Fragment, renderList, unref, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, Transition, withCtx, normalizeStyle, TransitionGroup, nextTick } from 'vue';
-import _sfc_main$1 from './components/TabItem.vue.js';
 import _sfc_main$2 from '../Form/WForm.vue.js';
 import { throttle, debounce } from '../../utils/utils.js';
+import _sfc_main$1 from './components/TabItem.vue.js';
 import { wTabItemListener, wTabItemUnlistener } from './models/injection.js';
 
 const _hoisted_1 = ["onClick"];
@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     names: {},
     namesForm: {},
     icons: {},
-    slots: {},
+    customSlots: {},
     lessTransitions: { type: Boolean },
     initTab: {},
     side: { type: Boolean },
@@ -22,15 +22,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const usedSlots = useSlots();
-    const defaultSlots = computed(() => (props.slots ?? usedSlots.default?.() ?? []).filter((item) => typeof item.type !== "symbol"));
+    const slots = useSlots();
+    const defaultSlots = computed(() => (props.customSlots ?? slots.default?.() ?? []).filter((item) => typeof item.type !== "symbol"));
     const current = ref(props.initTab ?? 0);
     const isDirect = ref(true);
-    const button = ref([]);
+    const buttonRef = useTemplateRef("button");
     const indicatorStyle = ref(void 0);
     const minHeight = ref(0);
-    const tabItem = ref([]);
-    const form = ref([]);
+    const tabItemRef = useTemplateRef("tabItem");
+    const formRef = useTemplateRef("form");
     const buttonContainerRef = useTemplateRef("buttonContainer");
     const isValidMap = reactive({});
     const hasChangesMap = reactive({});
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateIndex(index);
     }, 200);
     const updateIndex = (value) => {
-      tabItem.value[current.value]?.emitHeight?.();
+      tabItemRef.value?.[current.value]?.emitHeight?.();
       setIndexDebounced(value);
     };
     const setIndexDebounced = debounce((value) => {
@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const updateIndicator = () => {
       if (!props.names) return;
-      const element = button.value[current.value];
+      const element = buttonRef.value?.[current.value];
       if (!element || !element.offsetWidth) return;
       if (props.side) {
         indicatorStyle.value = {
@@ -85,24 +85,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       minHeight.value = value;
     };
     const validate = (index, ...args) => {
-      return form?.value[index].validate(...args);
+      return formRef.value?.[index]?.validate(...args);
     };
     const invalidate = (index, ...args) => {
-      return form?.value[index].invalidate(...args);
+      return formRef.value?.[index]?.invalidate(...args);
     };
     const initModel = (index, ...args) => {
-      return form?.value[index].initModel(...args);
+      return formRef.value?.[index]?.initModel(...args);
     };
     const tabItemListenerInjected = inject(wTabItemListener, null);
     const tabItemUnlistenerInjected = inject(wTabItemUnlistener, null);
     watch(current, (value) => {
       emit("update:current", value);
       updateIndicator();
-      if (buttonContainerRef.value && button.value[value]) {
+      if (buttonContainerRef.value && buttonRef.value?.[value]) {
         if (props.side) {
-          buttonContainerRef.value.scrollTo({ top: (button.value[value].offsetTop - buttonContainerRef.value.offsetTop) / 2, behavior: "smooth" });
+          buttonContainerRef.value.scrollTo({ top: (buttonRef.value[value].offsetTop - buttonContainerRef.value.offsetTop) / 2, behavior: "smooth" });
         } else {
-          buttonContainerRef.value.scrollTo({ left: (button.value[value].offsetLeft - buttonContainerRef.value.offsetLeft) / 2, behavior: "smooth" });
+          buttonContainerRef.value.scrollTo({ left: (buttonRef.value[value].offsetLeft - buttonContainerRef.value.offsetLeft) / 2, behavior: "smooth" });
         }
       }
     }, { immediate: true });
@@ -134,29 +134,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.names ? (openBlock(), createElementBlock("div", {
           key: 0,
           ref: "buttonContainer",
-          class: normalizeClass(["relative flex overflow-x-auto overscroll-x-contain no-scrollbar snap-x snap-always snap-mandatory", {
+          class: normalizeClass(["no-scrollbar relative flex snap-x snap-mandatory snap-always overflow-x-auto overscroll-x-contain", {
             "flex-col": _ctx.side
           }])
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(defaultSlots.value, (_, index) => {
             return openBlock(), createElementBlock("button", {
               ref_for: true,
-              ref_key: "button",
-              ref: button,
+              ref: "button",
               key: index,
-              class: normalizeClass(["flex-1 font-semibold flex items-center cursor-pointer snap-center relative w-ripple w-ripple-hover select-none transition-colors duration-500 outline-none", {
+              class: normalizeClass(["w-ripple w-ripple-hover relative flex flex-1 cursor-pointer select-none snap-center items-center font-semibold outline-none transition-colors duration-500", {
                 "text-description": current.value !== index && isValidMap[index] !== false,
                 "text-primary-default dark:text-primary-dark": current.value === index && isValidMap[index] !== false,
                 "text-negative dark:text-negative-dark": isValidMap[index] === false,
-                "h-10 text-center justify-center": !_ctx.side,
-                "py-3 text-start pr-4": _ctx.side
+                "h-10 justify-center text-center": !_ctx.side,
+                "py-3 pr-4 text-start": _ctx.side
               }]),
               onClick: ($event) => unref(switchTab)(index)
             }, [
               createElementVNode("div", _hoisted_2, [
                 _ctx.icons?.[index] ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icons?.[index]), {
                   key: 0,
-                  class: "inline -mt-1"
+                  class: "-mt-1 inline"
                 })) : createCommentVNode("", true),
                 createTextVNode(" " + toDisplayString(_ctx.names[index]) + " ", 1),
                 createVNode(Transition, {
@@ -168,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     hasChangesMap[index] ? (openBlock(), createElementBlock("div", {
                       key: 0,
-                      class: normalizeClass(["absolute top-0 right-0 square-2 rounded-full transition-colors duration-500", {
+                      class: normalizeClass(["square-2 absolute right-0 top-0 rounded-full transition-colors duration-500", {
                         "bg-info dark:bg-info-dark": isValidMap[index] !== false,
                         "bg-negative dark:bg-negative-dark": isValidMap[index] === false
                       }])
@@ -190,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 6)
         ], 2)) : createCommentVNode("", true),
         createElementVNode("div", {
-          class: "relative transition-[min-height] h-full duration-300",
+          class: "relative h-full transition-[min-height] duration-300",
           style: normalizeStyle({ minHeight: minHeight.value ? minHeight.value + "px" : "auto", "--direction-factor": isDirect.value ? "1" : "-1" })
         }, [
           createVNode(TransitionGroup, {
@@ -203,8 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(defaultSlots.value, (slot, index) => {
                 return openBlock(), createBlock(_sfc_main$1, {
                   ref_for: true,
-                  ref_key: "tabItem",
-                  ref: tabItem,
+                  ref: "tabItem",
                   key: index,
                   "is-active": index === current.value,
                   class: "width-full",
@@ -213,8 +211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(_sfc_main$2, {
                       ref_for: true,
-                      ref_key: "form",
-                      ref: form,
+                      ref: "form",
                       name: _ctx.namesForm?.[index] ?? index.toString(),
                       title: _ctx.names?.[index],
                       "onUpdate:isValid": ($event) => updateIsValidMap(index, $event),

package/dist/components/Tabs/WTabsColumns.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabsColumns.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsColumns.vue"],"names":[],"mappings":";WA0CS,MAAM,EAAE;;WAAR,MAAM,EAAE;;AA2EjB,wBAMG"}
+{"version":3,"file":"WTabsColumns.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsColumns.vue"],"names":[],"mappings":";WA2CS,MAAM,EAAE;;WAAR,MAAM,EAAE;;AA0EjB,wBAMG"}

package/dist/components/Tabs/WTabsColumns.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, unref, openBlock, createBlock, createElementBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent } from 'vue';
-import { getIsMobile } from '../../utils/mobile.js';
 import _sfc_main$1 from './WTabs.vue.js';
+import { getIsMobile } from '../../utils/mobile.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WTabsColumns",
@@ -13,8 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return unref(isMobile) ? (openBlock(), createBlock(_sfc_main$1, {
         key: 0,
         names: _ctx.names,
-        slots: _ctx.$slots.default?.()
-      }, null, 8, ["names", "slots"])) : (openBlock(), createElementBlock("div", {
+        "custom-slots": _ctx.$slots.default?.()
+      }, null, 8, ["names", "custom-slots"])) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "grid grid-cols-[repeat(var(--w-columns-length),calc(50%-((var(--w-columns-length)-1)*var(--modal-wrapper-padding,2rem)/2)))] gap-[var(--modal-wrapper-padding,2rem)]",
         style: normalizeStyle({ "--w-columns-length": _ctx.$slots.default?.().length })

package/dist/components/Tabs/components/TabItem.vue.d.ts

@@ -18,7 +18,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
     isActive: boolean;
 }> & Readonly<{
     "onUpdate:height"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    element: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Tabs/components/TabItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabItem.vue"],"names":[],"mappings":"AA4FA,iBAAS,cAAc;;yBA6BM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA/FT,OAAO;;sBAYI,IAAI;;;;cAZf,OAAO;;;kFAyGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TabItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabItem.vue"],"names":[],"mappings":"AA4FA,iBAAS,cAAc;;yBA6BM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA7FT,OAAO;;sBAYI,IAAI;;;;cAZf,OAAO;;;;;OAwGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Tabs/components/TabItem.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, watch, toRef, nextTick, withDirectives, openBlock, createElementBlock, renderSlot, vShow } from 'vue';
+import { defineComponent, useTemplateRef, watch, toRef, nextTick, withDirectives, openBlock, createElementBlock, renderSlot, vShow } from 'vue';
 import { useTabItemActiveListener } from '../use/useTabItemActiveListener.js';
 
+const _hoisted_1 = { ref: "element" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabItem",
   props: {
@@ -11,10 +12,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const { callListeners } = useTabItemActiveListener();
-    const element = ref();
+    const elementRef = useTemplateRef("element");
     const emitHeight = () => {
-      if (!element.value) return;
-      emit("update:height", element.value.offsetHeight);
+      if (!elementRef.value) return;
+      emit("update:height", elementRef.value.offsetHeight);
     };
     watch(toRef(props, "isActive"), async (value) => {
       if (value) await nextTick();
@@ -25,10 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emitHeight
     });
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        ref_key: "element",
-        ref: element
-      }, [
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "default")
       ], 512)), [
         [vShow, _ctx.isActive]

package/dist/components/Tabs/use/useIsInsideTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsInsideTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/use/useIsInsideTab.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;CAM1B,CAAA"}
+{"version":3,"file":"useIsInsideTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/use/useIsInsideTab.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;CAM1B,CAAA"}

package/dist/components/Tabs/use/useTabActiveListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTabActiveListener.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/use/useTabActiveListener.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,aAAc,MAAM,IAAI,SAWxD,CAAA"}
+{"version":3,"file":"useTabActiveListener.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/use/useTabActiveListener.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,aAAc,MAAM,IAAI,SAWxD,CAAA"}

package/dist/components/Tabs/use/useTabItemActiveListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTabItemActiveListener.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/use/useTabItemActiveListener.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB;;CA8BpC,CAAA"}
+{"version":3,"file":"useTabItemActiveListener.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/use/useTabItemActiveListener.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,wBAAwB;;CA8BpC,CAAA"}

package/dist/components/Toggle/WToggle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/WToggle.vue"],"names":[],"mappings":"AAmGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;yBAGvB,KAAK,SAAS,OAAO,GAAG,IAAI,yBAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0MxD,mBAAmB,CAAC;;gKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA5LP,mBAAmB,SAAS,KAAK,KAAG,IAAI;;;;YAiMF,OAAO,CAAC,OAAO,WAAW,CAAC;;AApNvE,wBAoN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/WToggle.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;yBAKvB,KAAK,SAAS,OAAO,GAAG,IAAI,yBAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAyMxD,mBAAmB,CAAC;;gKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA3LP,mBAAmB,SAAS,KAAK,KAAG,IAAI;;;;YAgMF,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnNvE,wBAmN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}