eco-vue-js 0.8.41 → 0.8.43

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,4 +1,4 @@
-import { nextTick, VNode } from 'vue';
+import { VNode } from 'vue';
 import { default as WForm } from '../Form/WForm.vue';
 declare const _default: import('vue').DefineComponent<{
     names?: string[] | Record<number, string>;
@@ -36,145 +36,8 @@ declare const _default: import('vue').DefineComponent<{
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     buttonContainer: HTMLDivElement;
     button: HTMLButtonElement;
-    tabItem: (({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly isActive: boolean;
-            readonly "onUpdate:height"?: ((value: number) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: "update:height", value: number) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            isActive: boolean;
-        }> & Readonly<{
-            "onUpdate:height"?: ((value: number) => any) | undefined;
-        }>, {
-            emitHeight: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:height": (value: number) => any;
-        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{
-        isActive: boolean;
-    }> & Readonly<{
-        "onUpdate:height"?: ((value: number) => any) | undefined;
-    }>, "emitHeight"> & import('vue').ShallowUnwrapRef<{
-        emitHeight: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null)[];
-    form: (({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly name?: string | undefined;
-            readonly title?: string | undefined;
-            readonly "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
-            readonly "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: ((event: "update:has-changes", value: boolean) => void) & ((event: "update:is-valid", value: boolean | undefined) => void);
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            name?: string;
-            title?: string;
-        }> & Readonly<{
-            "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
-            "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
-        }>, {
-            isValid: import('vue').ComputedRef<boolean>;
-            validate: (silent?: boolean, path?: import('../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
-            invalidate: (payload: {
-                [x: string]: string | string[] | undefined;
-            }) => void;
-            initModel: () => void;
-            errorMessage: import('vue').ComputedRef<string>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:has-changes": (value: boolean) => any;
-            "update:is-valid": (value: boolean | undefined) => any;
-        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{
-        name?: string;
-        title?: string;
-    }> & Readonly<{
-        "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
-        "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
-    }>, "errorMessage" | "isValid" | "validate" | "invalidate" | "initModel"> & import('vue').ShallowUnwrapRef<{
-        isValid: import('vue').ComputedRef<boolean>;
-        validate: (silent?: boolean, path?: import('../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
-        invalidate: (payload: {
-            [x: string]: string | string[] | undefined;
-        }) => void;
-        initModel: () => void;
-        errorMessage: import('vue').ComputedRef<string>;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null)[];
+    tabItem: any[];
+    form: any[];
 }, any>;
 export default _default;
 //# sourceMappingURL=WTabs.vue.d.ts.map

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;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAmWC,GAAG,8CACD,GAAG,yBACjB,GAAG,6DACP,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHa,GAAG,8CACD,GAAG,yBACjB,GAAG,6DACP,GAAG;;;;;;;;;;;;;;;;;;;;;AAqFhB,wBAYG"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AA6QA,OAAO,EAAC,KAAK,KAAK,EAAqG,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;;;;;;;;;;AAub5B,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"];
@@ -26,11 +26,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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",

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"}