eco-vue-js 0.8.40 → 0.8.42

package/dist/components/Button/WButton.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withKeys, withModifiers, withCtx, createElementVNode, normalizeClass, renderSlot, createVNode, Transition, createCommentVNode } from 'vue';
+import { RouterLink } from 'vue-router';
 import WSpinner from '../Spinner/WSpinner.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
-import { RouterLink } from 'vue-router';
 import { semanticTypeButtonStylesMap, semanticTypeButtonBorderStylesMap } from './models/semanticTypeStylesMap.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -31,14 +31,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? unref(RouterLink) : _ctx.tag), mergeProps(
         _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : void 0,
         {
-          class: ["relative rounded-2xl outline-none isolate font-medium select-none whitespace-nowrap flex justify-center items-center", {
+          class: ["relative isolate flex select-none items-center justify-center whitespace-nowrap rounded-2xl font-medium outline-none", {
             [unref(semanticTypeButtonStylesMap)[_ctx.semanticType]]: true,
             [unref(semanticTypeButtonBorderStylesMap)[_ctx.semanticType]]: true,
-            "cursor-pointer w-ripple w-ripple-hover before:text-black-default w-ripple-opacity-20 dark:w-ripple-opacity-30": !_ctx.loading && !_ctx.disabled,
+            "w-ripple w-ripple-hover before:text-black-default w-ripple-opacity-20 dark:w-ripple-opacity-30 cursor-pointer": !_ctx.loading && !_ctx.disabled,
             "cursor-progress": _ctx.loading,
             "cursor-not-allowed opacity-70": _ctx.disabled,
-            "px-4 h-11 min-h-[2.75rem]": !_ctx.minimize,
-            "px-1.5 h-7 min-h-[1.75rem]": _ctx.minimize,
+            "h-11 min-h-11 px-4": !_ctx.minimize,
+            "h-7 min-h-7 px-1.5": _ctx.minimize,
             "[&:not(:first-child)]:rounded-l-none [&:not(:first-child)]:border-l-0 [&:not(:last-child)]:rounded-r-none [&:not(:last-child)]:border-r-0": _ctx.join
           }],
           disabled: !_ctx.loading && _ctx.disabled,
@@ -49,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ), {
         default: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(["flex justify-center items-center gap-2 flex-1 z-10", {
+            class: normalizeClass(["z-10 flex flex-1 items-center justify-center gap-2", {
               "opacity-0": _ctx.loading
             }])
           }, [
@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               _ctx.loading ? (openBlock(), createBlock(WSpinner, {
                 key: 0,
-                class: "absolute z-10 w-spinner-size-6"
+                class: "w-spinner-size-6 absolute z-10"
               })) : createCommentVNode("", true)
             ]),
             _: 1

package/dist/components/Button/WButtonAction.vue.d.ts

@@ -1,5 +1,5 @@
-import { SemanticType } from '../../utils/SemanticType';
 import { LinkProps } from '../../types/types';
+import { SemanticType } from '../../utils/SemanticType';
 interface Props extends Partial<LinkProps> {
     icon?: SVGComponent;
     title: string;

package/dist/components/Button/WButtonAction.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AA0FA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACjD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAsB5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAiCD,iBAAS,cAAc;;sBAgGI,GAAG;;;WAShB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAjKX,MAAM;;UAJP,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;6EA0K3B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAAA,OA0FO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAsBjD,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAgCD,iBAAS,cAAc;;sBAgGI,GAAG;;;WAShB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAhKX,MAAM;;UAJP,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;6EAyK3B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonAction.vue.js

@@ -3,7 +3,7 @@ import { RouterLink } from 'vue-router';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 
-const _hoisted_1 = { class: "font-normal text-center md:text-base text-[0.625rem] whitespace-nowrap" };
+const _hoisted_1 = { class: "whitespace-nowrap text-center text-[0.625rem] font-normal md:text-base" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonAction",
   props: {
@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? unref(RouterLink) : _ctx.tag), mergeProps(_ctx.to !== void 0 ? { to: _ctx.to } : void 0, {
-        class: ["relative flex flex-col md:gap-2 p-2 items-center w-full select-none cursor-pointer no-underline outline-none border-none w-ripple w-ripple-hover", {
+        class: ["w-ripple w-ripple-hover relative flex w-full cursor-pointer select-none flex-col items-center border-none p-2 no-underline outline-none md:gap-2", {
           "text-primary-default dark:text-primary-dark": _ctx.active && _ctx.semanticType === unref(SemanticType).SECONDARY,
           [_ctx.outline ? semanticTypeOutlineStylesMap[_ctx.semanticType] : semanticTypeStylesMap[_ctx.semanticType]]: true
         }],
@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           _ctx.count !== void 0 ? withDirectives((openBlock(), createBlock(_sfc_main$1, {
             key: 0,
-            class: "absolute top-0 left-[calc(50%-20px)]",
+            class: "absolute left-[calc(50%-20px)] top-0",
             count: _ctx.count,
             trigger: 1
           }, null, 8, ["count"])), [

package/dist/components/Button/WButtonCopy.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonCopy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonCopy.vue"],"names":[],"mappings":";WA0CS,MAAM;;WAAN,MAAM;;AAqFf,wBAMG"}
+{"version":3,"file":"WButtonCopy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonCopy.vue"],"names":[],"mappings":";WA6CS,MAAM;;WAAN,MAAM;;AAoFf,wBAMG"}

package/dist/components/Button/WButtonCopy.vue.js

@@ -12,11 +12,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { doCopy, iconCopy, copied } = useCopy(toRef(props, "value"));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "relative inline-block text-description square-5 cursor-pointer select-none w-hover-circle",
+        class: "text-description square-5 w-hover-circle relative inline-block cursor-pointer select-none",
         onClick: _cache[0] || (_cache[0] = ($event) => unref(doCopy)())
       }, [
         (openBlock(), createBlock(resolveDynamicComponent(unref(iconCopy)), {
-          class: normalizeClass(["-mt-[1px]", {
+          class: normalizeClass(["-mt-px", {
             "text-primary-default dark:text-primary-dark": unref(copied)
           }])
         }, null, 8, ["class"])),

package/dist/components/Button/WButtonDropdown.vue.d.ts

@@ -1,5 +1,5 @@
-import { HorizontalAlign } from '../../main';
 import { ButtonDropdownProps } from './types';
+import { HorizontalAlign } from '../../main';
 declare function __VLS_template(): {
     slots: {
         content?(_: {

package/dist/components/Button/WButtonDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AA0FA,OAAO,EAAC,eAAe,EAAC,MAAM,QAAQ,CAAA;AAMtC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AA8BhD,iBAAS,cAAc;;;;YA0JO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAShD,OAAO,EAAC,eAAe,EAAC,MAAM,QAAQ,CAAA;AA+BtC,iBAAS,cAAc;;;;YA0JO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonDropdown.vue.js

@@ -1,10 +1,10 @@
 import { defineComponent, ref, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, resolveDynamicComponent, renderSlot } from 'vue';
+import _sfc_main$3 from '../ClickOutside/WClickOutside.vue.js';
+import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import './WButtonAction.vue.js';
 import _sfc_main$2 from './WButton.vue.js';
-import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
-import _sfc_main$3 from '../ClickOutside/WClickOutside.vue.js';
 import 'vue-router';
 import '../../utils/supportsPassive.js';
 import '../Dropdown/utils/DropdownStyle.js';
@@ -82,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         content: withCtx(() => [
           createVNode(_sfc_main$3, {
-            class: "bg-default dark:bg-default-dark w-full rounded-xl max-h-[inherit] shadow-md overflow-x-hidden overflow-y-overlay overscroll-contain my-1 dark:border dark:border-solid dark:border-gray-800",
+            class: "bg-default dark:bg-default-dark overflow-y-overlay my-1 max-h-[inherit] w-full overflow-x-hidden overscroll-contain rounded-xl shadow-md dark:border dark:border-solid dark:border-gray-800",
             onClick: close
           }, {
             default: withCtx(() => [

package/dist/components/Button/WButtonGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAG5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BAC3J,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;WAqKxD,mBAAmB,CAAC;;2LAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAjCc,GAAG;;;;YACD,GAAG;uBACJ,GAAG;;cA/HzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;;;;YAmKH,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/KvE,wBA+K4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAS5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BAC3J,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;WAoKxD,mBAAmB,CAAC;;2LAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAjCc,GAAG;;;;YACD,GAAG;uBACJ,GAAG;;cA9HzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;;;;YAkKH,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9KvE,wBA8K4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Button/WButtonGroup.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, unref, renderSlot, resolveDynamicComponent, createCommentVNode } from 'vue';
-import _sfc_main$2 from './WButton.vue.js';
-import { SemanticType } from '../../utils/SemanticType.js';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
+import { SemanticType } from '../../utils/SemanticType.js';
+import _sfc_main$2 from './WButton.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },

package/dist/components/Button/WButtonMore.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AAwGA,iBAAS,cAAc;;;yBATL,IAAI;YA8GQ,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAtJZ,YAAY;eACR,OAAO;;WADX,YAAY;eACR,OAAO;iGA2JlB,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":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA4GA,iBAAS,cAAc;;;yBARL,IAAI;YA6GQ,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WArJZ,YAAY;eACR,OAAO;;WADX,YAAY;eACR,OAAO;iGA0JlB,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/Button/WButtonMore.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, createBlock, resolveDynamicComponent, renderSlot } from 'vue';
+import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
 import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
-import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import IconMore from '../../assets/icons/default/IconMore.svg.js';
-import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
+import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 
 const _hoisted_1 = ["disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{
           "w-hover-circle-trigger cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled
-        }, "outline-none flex justify-center"]),
+        }, "flex justify-center outline-none"]),
         onClick: toggle
       }, [
         createVNode(_sfc_main$1, {
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           content: withCtx(() => [
             createVNode(_sfc_main$2, {
-              class: "-mr-[1.375rem] sm-not:-mr-6 bg-default dark:bg-default-dark rounded-xl shadow-md my-4 overflow-hidden dark:border dark:border-solid dark:border-gray-800 text-start font-normal",
+              class: "sm-not:-mr-6 bg-default dark:bg-default-dark my-4 mr-[-1.375rem] overflow-hidden rounded-xl text-start font-normal shadow-md dark:border dark:border-solid dark:border-gray-800",
               onClick: close
             }, {
               default: withCtx(() => [

package/dist/components/Button/WButtonMoreItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonMoreItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMoreItem.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAwBD,iBAAS,cAAc;;sBA6CG,GAAG;;;WASf,OAAO,IAA6B;EAEjD;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;UA/FZ,YAAY;UAEZ,MAAM;cACF,MAAM;6EAmGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonMoreItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMoreItem.vue"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAuBD,iBAAS,cAAc;;sBA6CG,GAAG;;;WASf,OAAO,IAA6B;EAEjD;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;UA9FZ,YAAY;UAEZ,MAAM;cACF,MAAM;6EAkGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonMoreItem.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, renderSlot, resolveDynamicComponent, createCommentVNode } from 'vue';
 import _sfc_main$1 from '../MenuItem/WMenuItem.vue.js';
 
-const _hoisted_1 = { class: "min-w-[5rem] flex-1 text-start" };
+const _hoisted_1 = { class: "min-w-20 flex-1 text-start" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonMoreItem",
   props: {

package/dist/components/Button/WButtonSelection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAiLA,iBAAS,cAAc;;;;;YA8KM,GAAG;;;;YACL,GAAG;;;WAShB,OAAO,IAA6B;EAEjD;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YApQT,MAAM;qBACG,MAAM;;;;;;YADf,MAAM;qBACG,MAAM;;;;WADf,MAAM;oBACG,MAAM;6EA8QzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAyLA,iBAAS,cAAc;;;;;YA8KM,GAAG;;;;YACL,GAAG;;;WAShB,OAAO,IAA6B;EAEjD;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAnQT,MAAM;qBACG,MAAM;;;;;;YADf,MAAM;qBACG,MAAM;;;;WADf,MAAM;oBACG,MAAM;6EA6QzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonSelection.vue.js

@@ -1,20 +1,20 @@
 import { defineComponent, ref, inject, computed, watch, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createBlock, unref, withCtx, createVNode, markRaw, createCommentVNode, Transition, toDisplayString } from 'vue';
-import { numberFormatter } from '../../utils/utils.js';
+import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
 import IconCancel from '../../assets/icons/default/IconCancel.svg.js';
 import IconMore from '../../assets/icons/default/IconMore.svg.js';
-import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
-import _sfc_main$2 from './WButtonSelectionAction.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
+import { numberFormatter } from '../../utils/utils.js';
+import _sfc_main$2 from './WButtonSelectionAction.vue.js';
 import _sfc_main$3 from '../ClickOutside/WClickOutside.vue.js';
 import { wInfiniteListSelection } from '../InfiniteList/models/injection.js';
 
-const _hoisted_1 = { class: "grid grid-cols-[1fr,auto] h-12 pb-3 w-full sm:sticky sm:left-inner sm:w-inner" };
+const _hoisted_1 = { class: "sm:left-inner sm:w-inner grid h-12 w-full grid-cols-[1fr,auto] pb-3 sm:sticky" };
 const _hoisted_2 = { class: "flex" };
 const _hoisted_3 = {
   key: 0,
-  class: "grid grid-cols-[1fr,auto] gap-3 sm-not:gap-1"
+  class: "sm-not:gap-1 grid grid-cols-[1fr,auto] gap-3"
 };
-const _hoisted_4 = { class: "self-center font-normal text-base sm-not:text-xs text-description whitespace-nowrap truncate" };
+const _hoisted_4 = { class: "sm-not:text-xs text-description self-center truncate whitespace-nowrap text-base font-normal" };
 const _hoisted_5 = { class: "text-primary-default dark:text-primary-dark font-semibold" };
 const _hoisted_6 = { class: "sm-not:text-xs" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             content: withCtx(() => [
               createVNode(_sfc_main$3, {
-                class: "my-2 grid grid-cols-1 bg-default dark:bg-default-dark shadow-md rounded-xl overflow-hidden dark:outline dark:outline-1 dark:outline-gray-800",
+                class: "bg-default dark:bg-default-dark my-2 grid grid-cols-1 overflow-hidden rounded-xl shadow-md dark:outline dark:outline-1 dark:outline-gray-800",
                 onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
               }, {
                 default: withCtx(() => [
@@ -94,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", _hoisted_6, " " + toDisplayString(_ctx.title) + toDisplayString(unref(selectedCount) === 1 ? "" : "s"), 1)
               ]),
               createElementVNode("button", {
-                class: "relative text-description flex items-center justify-self-end cursor-pointer select-none w-ripple w-ripple-hover",
+                class: "text-description w-ripple w-ripple-hover relative flex cursor-pointer select-none items-center justify-self-end",
                 onClick: _cache[2] || (_cache[2] = //@ts-ignore
                 (...args) => unref(clearSelected) && unref(clearSelected)(...args))
               }, [

package/dist/components/Button/WButtonSelectionAction.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":";WAqDS,MAAM;UACP,YAAY;qBACD,MAAM;aACd,OAAO;;;;WAHT,MAAM;UACP,YAAY;qBACD,MAAM;aACd,OAAO;;;;AAoHlB,wBASG"}
+{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":";WAoDS,MAAM;UACP,YAAY;qBACD,MAAM;aACd,OAAO;;;;WAHT,MAAM;UACP,YAAY;qBACD,MAAM;aACd,OAAO;;;;AAmHlB,wBASG"}

package/dist/components/Button/WButtonSelectionAction.vue.js

@@ -2,8 +2,8 @@ import { defineComponent, openBlock, createElementBlock, normalizeClass, createE
 import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
 
 const _hoisted_1 = ["disabled"];
-const _hoisted_2 = { class: "px-5 sm:px-[1.125rem] flex gap-2 items-center h-9" };
-const _hoisted_3 = { class: "whitespace-nowrap font-normal text-base sm-not:hidden" };
+const _hoisted_2 = { class: "flex h-9 items-center gap-2 px-5 sm:px-[1.125rem]" };
+const _hoisted_3 = { class: "sm-not:hidden whitespace-nowrap text-base font-normal" };
 const _hoisted_4 = { class: "whitespace-nowrap" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonSelectionAction",
@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
         disabled: _ctx.disableMessage !== void 0,
-        class: normalizeClass(["relative select-none cursor-pointer no-underline outline-none bg-none disabled:text-description disabled:cursor-not-allowed", {
+        class: normalizeClass(["disabled:text-description relative cursor-pointer select-none bg-none no-underline outline-none disabled:cursor-not-allowed", {
           "w-ripple w-ripple-hover before:text-primary-default dark:before:text-primary-dark hover:text-primary-default dark:hover:text-primary-dark": !_ctx.disableMessage,
           "text-primary-default dark:text-primary-dark": _ctx.active,
           "text-accent": !_ctx.active

package/dist/components/Button/types.d.ts

@@ -1,6 +1,6 @@
+import { DropdownMenuProps } from '../DropdownMenu/types';
 import { FieldWrapperProps } from '../FieldWrapper/types';
 import { SemanticType } from '../../utils/SemanticType';
-import { DropdownMenuProps } from '../DropdownMenu/types';
 import { Component } from 'vue';
 export type ButtonGroupOptionProps<Option> = {
     option: Option;

package/dist/components/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"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"}

package/dist/components/Checkbox/WCheckbox.vue.d.ts

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

package/dist/components/Checkbox/WCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/WCheckbox.vue"],"names":[],"mappings":"AA+KA,iBAAS,cAAc;;yBAkKO,GAAG;;;;;WAUnB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAzOP,OAAO,GAAG,IAAI;YAClB,MAAM;eACH,OAAO;eACP,OAAO;WACX,YAAY;YACX,OAAO;cACL,OAAO;mBACF,OAAO;kBACR,MAAM;iBACP,OAAO;eACT,OAAO;;;;;gBAVN,OAAO,GAAG,IAAI;YAClB,MAAM;eACH,OAAO;eACP,OAAO;WACX,YAAY;YACX,OAAO;cACL,OAAO;mBACF,OAAO;kBACR,MAAM;iBACP,OAAO;eACT,OAAO;;;;kFAyOlB,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":"WCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/WCheckbox.vue"],"names":[],"mappings":"AAiLA,iBAAS,cAAc;;yBAkKO,GAAG;;;;;WAUnB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAvOP,OAAO,GAAG,IAAI;YAClB,MAAM;eACH,OAAO;eACP,OAAO;WACX,YAAY;YACX,OAAO;cACL,OAAO;mBACF,OAAO;kBACR,MAAM;iBACP,OAAO;eACT,OAAO;;;;;gBAVN,OAAO,GAAG,IAAI;YAClB,MAAM;eACH,OAAO;eACP,OAAO;WACX,YAAY;YACX,OAAO;cACL,OAAO;mBACF,OAAO;kBACR,MAAM;iBACP,OAAO;eACT,OAAO;;;;;;OAwOlB,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/Checkbox/WCheckbox.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, createElementVNode, withKeys, withModifiers, createVNode, Transition, withCtx, withDirectives, vShow, createBlock, resolveDynamicComponent, unref, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import IconCheck from '../../assets/icons/default/IconCheck.svg.js';
-import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
+import { defineComponent, useTemplateRef, openBlock, createElementBlock, normalizeClass, createElementVNode, withKeys, withModifiers, createVNode, Transition, withCtx, withDirectives, vShow, createBlock, resolveDynamicComponent, unref, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import WSpinner from '../Spinner/WSpinner.vue.js';
+import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
+import IconCheck from '../../assets/icons/default/IconCheck.svg.js';
 
 const _hoisted_1 = ["onKeypress"];
 const _hoisted_2 = {
   key: 0,
-  class: "font-normal text-base text-accent flex items-center gap-1"
+  class: "text-accent flex items-center gap-1 text-base font-normal"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WCheckbox",
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const element = ref();
+    const elementRef = useTemplateRef("element");
     const toggle = (e) => {
       if (props.disabled || props.readonly || props.loading) return;
       if (props.allowShift && e.shiftKey) {
@@ -39,19 +39,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        ref_key: "element",
-        ref: element,
-        class: normalizeClass(["flex gap-2 cursor-pointer select-none outline-none w-ripple-trigger w-hover-circle-trigger w-hover-circle-opacity-[0.08]", {
+        ref: "element",
+        class: normalizeClass(["w-ripple-trigger w-hover-circle-trigger w-hover-circle-opacity-[0.08] flex cursor-pointer select-none gap-2 outline-none", {
           "cursor-progress": _ctx.loading,
           "cursor-not-allowed opacity-70": _ctx.disabled,
-          "pt-1 pb-4": _ctx.title,
+          "pb-4 pt-1": _ctx.title,
           "items-start": _ctx.alignTop,
           "items-center": !_ctx.alignTop
         }]),
         onClick: toggle
       }, [
         createElementVNode("div", {
-          class: normalizeClass(["relative flex justify-center items-center square-6 border border-solid isolate bg-default dark:bg-default-dark", {
+          class: normalizeClass(["square-6 bg-default dark:bg-default-dark relative isolate flex items-center justify-center border border-solid", {
             "text-default dark:text-default-dark": _ctx.modelValue && !_ctx.disabled,
             "text-primary-default dark:text-primary-dark": !_ctx.modelValue && !_ctx.disabled,
             "text-gray-300 dark:text-gray-700": !_ctx.modelValue && _ctx.disabled,
@@ -71,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               withDirectives(createElementVNode("div", {
-                class: normalizeClass(["absolute square-full -z-10 transition-[opacity,transform]", {
+                class: normalizeClass(["square-full absolute -z-10 transition-[opacity,transform]", {
                   "scale-[0.33] rounded-full": _ctx.radio && _ctx.intermediate && _ctx.modelValue === null,
                   "scale-[0.66] rounded": !_ctx.radio && _ctx.intermediate && _ctx.modelValue === null,
                   "scale-[0.66] rounded-full": _ctx.radio && !(_ctx.intermediate && _ctx.modelValue === null),
@@ -100,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$1, {
             key: 3,
             text: _ctx.tooltipText,
-            trigger: element.value,
+            trigger: unref(elementRef),
             "no-touch": "",
             class: "pointer-events-none"
           }, null, 8, ["text", "trigger"])) : createCommentVNode("", true)

package/dist/components/Chip/WChip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAsCA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AA0BjD,iBAAS,cAAc;;yBA+CM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WA1FZ,MAAM;mBACE,YAAY;eAChB,OAAO;;WAFX,MAAM;mBACE,YAAY;eAChB,OAAO;iGA8FlB,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":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAwCA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAwBjD,iBAAS,cAAc;;yBA+CM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAzFZ,MAAM;mBACE,YAAY;eAChB,OAAO;;WAFX,MAAM;mBACE,YAAY;eAChB,OAAO;iGA6FlB,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/Chip/WChip.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, createElementBlock, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { SemanticType } from '../../utils/SemanticType.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import { SemanticType } from '../../utils/SemanticType.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WChip",
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "w-skeleton-h-5 max-w-28"
       })) : (openBlock(), createElementBlock("div", {
         key: 1,
-        class: normalizeClass(["text-xs font-semibold bg-gray-100 dark:bg-gray-800 rounded-md w-min px-2 py-0.5", classMap[_ctx.semanticType ?? unref(SemanticType).SECONDARY]])
+        class: normalizeClass(["w-min rounded-md bg-gray-100 px-2 py-0.5 text-xs font-semibold dark:bg-gray-800", classMap[_ctx.semanticType ?? unref(SemanticType).SECONDARY]])
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(_ctx.text), 1)

package/dist/components/ClickOutside/WClickOutside.vue.d.ts

@@ -12,7 +12,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {},
     click: () => any;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    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/ClickOutside/WClickOutside.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AA6EA,iBAAS,cAAc;;yBA4BM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;iFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AA6EA,iBAAS,cAAc;;yBA4BM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ClickOutside/WClickOutside.vue.js

@@ -1,14 +1,15 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, onMounted, onBeforeUnmount, openBlock, createElementBlock, renderSlot } from 'vue';
 import { isClientSide, hasParent } from '../../utils/utils.js';
 
+const _hoisted_1 = { ref: "element" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WClickOutside",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const element = ref();
+    const elementRef = useTemplateRef("element");
     const clickListener = (event) => {
-      if (!element.value || !(event.target instanceof Element) || hasParent(element.value, event.target)) return;
+      if (!elementRef.value || !(event.target instanceof Element) || hasParent(elementRef.value, event.target)) return;
       emit("click");
     };
     onMounted(() => {
@@ -22,10 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       document.removeEventListener("click", clickListener);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "element",
-        ref: element
-      }, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "default")
       ], 512);
     };

package/dist/components/Counter/WCounter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WCounter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/WCounter.vue"],"names":[],"mappings":";WAuDW,MAAM;cACH,MAAM;YACR,OAAO;;WAFR,MAAM;cACH,MAAM;YACR,OAAO;;aADL,MAAM;;AAuGpB,wBAOG"}
+{"version":3,"file":"WCounter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/WCounter.vue"],"names":[],"mappings":";WAwDW,MAAM;cACH,MAAM;YACR,OAAO;;WAFR,MAAM;cACH,MAAM;YACR,OAAO;;aADL,MAAM;;AAsGpB,wBAOG"}

package/dist/components/Counter/WCounter.vue.js

@@ -24,10 +24,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["px-1 bg-negative dark:bg-negative-dark text-default text-xs font-medium flex items-center justify-center", {
+        class: normalizeClass(["bg-negative dark:bg-negative-dark text-default flex items-center justify-center px-1 text-xs font-medium", {
           "animate-shake": isShake.value,
-          "h-4 min-w-[1rem] rounded-lg": _ctx.small,
-          "h-5 min-w-[1.25rem] rounded-[0.625rem]": !_ctx.small
+          "h-4 min-w-4 rounded-lg": _ctx.small,
+          "h-5 min-w-5 rounded-[0.625rem]": !_ctx.small
         }])
       }, toDisplayString(unref(numberCompactFormatter).format(_ctx.count)), 3);
     };

package/dist/components/DatePicker/WDatePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AA2JA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;;gBAK/B,SAAS,GAAG,SAAS;cACvB,IAAI;cACJ,IAAI;;;;gBAFF,SAAS,GAAG,SAAS;cACvB,IAAI;cACJ,IAAI;;;;AA0UhB,wBASG"}
+{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AAwJA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;;gBAa/B,SAAS,GAAG,SAAS;cACvB,IAAI;cACJ,IAAI;;;;gBAFF,SAAS,GAAG,SAAS;cACvB,IAAI;cACJ,IAAI;;;;AAyUhB,wBASG"}

package/dist/components/DatePicker/WDatePicker.vue.js

@@ -4,7 +4,7 @@ import _sfc_main$3 from './components/CalendarMonth.vue.js';
 import _sfc_main$2 from './components/CalendarToggle.vue.js';
 import _sfc_main$1 from './components/CalendarValue.vue.js';
 
-const _hoisted_1 = { class: "grid grid-cols-2 gap-8 mb-4" };
+const _hoisted_1 = { class: "mb-4 grid grid-cols-2 gap-8" };
 const _hoisted_2 = { class: "grid grid-cols-2 gap-8 px-3 pb-4" };
 const _hoisted_3 = { class: "relative" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -88,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["value", "current-date"])
         ]),
         createElementVNode("div", {
-          class: "bg-default dark:bg-default-dark border border-solid border-gray-300 dark:border-gray-700 rounded-xl py-3 overflow-hidden",
+          class: "bg-default dark:bg-default-dark overflow-hidden rounded-xl border border-solid border-gray-300 py-3 dark:border-gray-700",
           style: normalizeStyle({ "--direction-factor": isDirect.value ? "1" : "-1" })
         }, [
           createElementVNode("div", _hoisted_2, [

package/dist/components/DatePicker/WDatePickerSingle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":";gBAwGc,IAAI,GAAG,SAAS;YACpB,MAAM;cACJ,IAAI;cACJ,IAAI;;;;gBAHF,IAAI,GAAG,SAAS;YACpB,MAAM;cACJ,IAAI;cACJ,IAAI;;;;AAiOhB,wBASG"}
+{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":";gBA6Gc,IAAI,GAAG,SAAS;YACpB,MAAM;cACJ,IAAI;cACJ,IAAI;;;;gBAHF,IAAI,GAAG,SAAS;YACpB,MAAM;cACJ,IAAI;cACJ,IAAI;;;;AAgOhB,wBASG"}

package/dist/components/DatePicker/WDatePickerSingle.vue.js

@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }, { immediate: true });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "bg-default dark:bg-default-dark border border-solid border-gray-300 dark:border-gray-700 rounded-xl py-3 overflow-hidden",
+        class: "bg-default dark:bg-default-dark overflow-hidden rounded-xl border border-solid border-gray-300 py-3 dark:border-gray-700",
         style: normalizeStyle({ "--direction-factor": isDirect.value ? "1" : "-1" })
       }, [
         createElementVNode("div", _hoisted_1, [

package/dist/components/DatePicker/components/CalendarDay.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarDay.vue"],"names":[],"mappings":"AA4HA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;;kBAK9B,IAAI;gBACN,IAAI;gBACJ,SAAS;eACV,OAAO;sBACA,OAAO;oBACT,OAAO;eACZ,OAAO;cACR,IAAI;cACJ,IAAI;;;;;kBARA,IAAI;gBACN,IAAI;gBACJ,SAAS;eACV,OAAO;sBACA,OAAO;oBACT,OAAO;eACZ,OAAO;cACR,IAAI;cACJ,IAAI;;;;;AAuMhB,wBAUG"}
+{"version":3,"file":"CalendarDay.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarDay.vue"],"names":[],"mappings":"AA2HA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;;kBAS9B,IAAI;gBACN,IAAI;gBACJ,SAAS;eACV,OAAO;sBACA,OAAO;oBACT,OAAO;eACZ,OAAO;cACR,IAAI;cACJ,IAAI;;;;;kBARA,IAAI;gBACN,IAAI;gBACJ,SAAS;eACV,OAAO;sBACA,OAAO;oBACT,OAAO;eACZ,OAAO;cACR,IAAI;cACJ,IAAI;;;;;AAsMhB,wBAUG"}

package/dist/components/DatePicker/components/CalendarDay.vue.js

@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex relative justify-center items-center my-[1px] select-none height-9 flex-1 w-ripple-trigger", {
+        class: normalizeClass(["height-9 w-ripple-trigger relative my-px flex flex-1 select-none items-center justify-center", {
           "text-accent": !isSelected.value && !isOutOfMonth.value,
           "text-description": !isSelected.value && isOutOfMonth.value,
           "text-default dark:text-default-dark selected": isSelected.value,
@@ -69,19 +69,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onMouseenter: _cache[1] || (_cache[1] = ($event) => !isDisabled.value && _ctx.isHoverEnabled && _ctx.$emit("hover:day", _ctx.startOfDay))
       }, [
         withDirectives(createElementVNode("div", {
-          class: normalizeClass(["absolute opacity-50 h-9", {
-            "border-y border-solid border-primary-default": _ctx.isHoverEnabled && !isDisabled.value,
+          class: normalizeClass(["absolute h-9 opacity-50", {
+            "border-primary-default border-y border-solid": _ctx.isHoverEnabled && !isDisabled.value,
             "bg-primary-default dark:bg-primary-dark": !_ctx.isHoverEnabled && !isDisabled.value,
             "bg-gray-200 dark:bg-gray-700": isDisabled.value,
             "w-full": isBetweenRange.value || isDisabled.value,
-            "w-1/2 left-1/2": isFrom.value && !isTo.value,
-            "w-1/2 right-1/2": !isFrom.value && isTo.value
+            "left-1/2 w-1/2": isFrom.value && !isTo.value,
+            "right-1/2 w-1/2": !isFrom.value && isTo.value
           }])
         }, null, 2), [
           [vShow, isBetweenRange.value || (isFrom.value || isTo.value && !(isFrom.value && isTo.value)) || isDisabled.value]
         ]),
         createElementVNode("div", {
-          class: normalizeClass(["relative flex justify-center items-center rounded-full square-9", {
+          class: normalizeClass(["square-9 relative flex items-center justify-center rounded-full", {
             "w-ripple w-ripple-hover": !isDisabled.value,
             "opacity-50": isDisabled.value,
             "bg-primary-default dark:bg-primary-dark font-semibold": isSelected.value