eco-vue-js 0.8.41 → 0.8.42

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

package/dist/components/DatePicker/components/CalendarMonth.vue.d.ts

@@ -1,5 +1,5 @@
-import { WeekDay } from '../../../utils/dateTime';
 import { DateRange } from '../models/types';
+import { WeekDay } from '../../../utils/dateTime';
 declare const _default: import('vue').DefineComponent<{
     startOfMonth: Date;
     startDayOfWeek?: WeekDay;

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonth.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarMonth.vue"],"names":[],"mappings":"AA2IA,OAAO,EAAiB,OAAO,EAAwB,MAAM,kBAAkB,CAAA;AAC/E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;;kBAK9B,IAAI;qBACD,OAAO;gBACZ,SAAS;gBACT,OAAO;oBACH,OAAO;cACb,IAAI;cACJ,IAAI;eACH,OAAO;;;;;kBAPJ,IAAI;qBACD,OAAO;gBACZ,SAAS;gBACT,OAAO;oBACH,OAAO;cACb,IAAI;cACJ,IAAI;eACH,OAAO;;;;;AA8MpB,wBAUG"}
+{"version":3,"file":"CalendarMonth.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarMonth.vue"],"names":[],"mappings":"AA2IA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAI9C,OAAO,EAAC,OAAO,EAAwC,MAAM,kBAAkB,CAAA;;kBAO/D,IAAI;qBACD,OAAO;gBACZ,SAAS;gBACT,OAAO;oBACH,OAAO;cACb,IAAI;cACJ,IAAI;eACH,OAAO;;;;;kBAPJ,IAAI;qBACD,OAAO;gBACZ,SAAS;gBACT,OAAO;oBACH,OAAO;cACb,IAAI;cACJ,IAAI;eACH,OAAO;;;;;AA6MpB,wBAUG"}

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

@@ -1,8 +1,8 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, toDisplayString, createBlock } from 'vue';
-import _sfc_main$1 from './CalendarWeek.vue.js';
 import { getStartOfWeek, weekdayShortFormatter } from '../../../utils/dateTime.js';
+import _sfc_main$1 from './CalendarWeek.vue.js';
 
-const _hoisted_1 = { class: "flex text-xs text-accent font-semibold mb-2" };
+const _hoisted_1 = { class: "text-accent mb-2 flex text-xs font-semibold" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CalendarMonth",
   props: {
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(weekDayTitles.value, (title, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
-              class: "flex justify-center items-center height-9 flex-1"
+              class: "height-9 flex flex-1 items-center justify-center"
             }, [
               createElementVNode("div", null, toDisplayString(title.toLocaleUpperCase()), 1)
             ]);

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarToggle.vue"],"names":[],"mappings":";UA8DQ,MAAM;;;;;UAAN,MAAM;;;;;AA2Id,wBAUG"}
+{"version":3,"file":"CalendarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarToggle.vue"],"names":[],"mappings":";UA6DQ,MAAM;;;;;UAAN,MAAM;;;;;AA0Id,wBAUG"}

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

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, Transition, withCtx, toDisplayString } from 'vue';
 import IconArrow from '../../../assets/icons/default/IconArrow.svg.js';
 
-const _hoisted_1 = { class: "flex items-center h-8 w-full my-2" };
+const _hoisted_1 = { class: "my-2 flex h-8 w-full items-center" };
 const _hoisted_2 = { class: "relative overflow-hidden" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CalendarToggle",
@@ -13,10 +13,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
-          class: "relative flex justify-center items-center square-8 rounded-xl cursor-pointer select-none w-ripple mr-auto hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default text-description",
+          class: "square-8 w-ripple hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default text-description relative mr-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:previous"))
         }, [
-          createVNode(unref(IconArrow), { class: "rotate-90 -ml-1" })
+          createVNode(unref(IconArrow), { class: "-ml-1 rotate-90" })
         ]),
         createElementVNode("div", _hoisted_2, [
           createVNode(Transition, {
@@ -28,17 +28,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               (openBlock(), createElementBlock("div", {
                 key: _ctx.text,
-                class: "text-base text-accent font-medium select-none text-center w-14"
+                class: "text-accent w-14 select-none text-center text-base font-medium"
               }, toDisplayString(_ctx.text), 1))
             ]),
             _: 1
           })
         ]),
         createElementVNode("div", {
-          class: "relative flex justify-center items-center square-8 rounded-xl cursor-pointer select-none w-ripple ml-auto hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default text-description",
+          class: "square-8 w-ripple hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default text-description relative ml-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:next"))
         }, [
-          createVNode(unref(IconArrow), { class: "-rotate-90 -mr-1" })
+          createVNode(unref(IconArrow), { class: "-mr-1 -rotate-90" })
         ])
       ]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarValue.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarValue.vue"],"names":[],"mappings":";WAiES,MAAM;iBACA,IAAI;YACT,IAAI;gBACA,OAAO;;;;WAHZ,MAAM;iBACA,IAAI;YACT,IAAI;gBACA,OAAO;;;;AA+GrB,wBASG"}
+{"version":3,"file":"CalendarValue.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarValue.vue"],"names":[],"mappings":";WAkES,MAAM;iBACA,IAAI;YACT,IAAI;gBACA,OAAO;;;;WAHZ,MAAM;iBACA,IAAI;YACT,IAAI;gBACA,OAAO;;;;AA8GrB,wBASG"}

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

@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-gradient-to-tr from-primary-default to-[#C376FF] dark:from-primary-dark dark:to-[#9b3be6] relative w-full rounded-xl py-3 px-4 select-none text-default dark:text-default-dark", {
+        class: normalizeClass(["from-primary-default dark:from-primary-dark text-default dark:text-default-dark relative w-full select-none rounded-xl bg-gradient-to-tr to-[#C376FF] px-4 py-3 dark:to-[#9b3be6]", {
           "w-ripple w-ripple-hover cursor-pointer": clickable.value
         }]),
         onClick: updateCurrentDate

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWeek.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarWeek.vue"],"names":[],"mappings":"AA4GA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;;kBAM9B,IAAI;iBACL,IAAI;gBACL,SAAS;eACV,OAAO;oBACF,OAAO;cACb,IAAI;cACJ,IAAI;eACH,OAAO;;;;;kBAPJ,IAAI;iBACL,IAAI;gBACL,SAAS;eACV,OAAO;oBACF,OAAO;cACb,IAAI;cACJ,IAAI;eACH,OAAO;;;;;AA6KpB,wBAUG"}
+{"version":3,"file":"CalendarWeek.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/CalendarWeek.vue"],"names":[],"mappings":"AA4GA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;;kBAS9B,IAAI;iBACL,IAAI;gBACL,SAAS;eACV,OAAO;oBACF,OAAO;cACb,IAAI;cACJ,IAAI;eACH,OAAO;;;;;kBAPJ,IAAI;iBACL,IAAI;gBACL,SAAS;eACV,OAAO;oBACF,OAAO;cACb,IAAI;cACJ,IAAI;eACH,OAAO;;;;;AA4KpB,wBAUG"}

package/dist/components/DatePicker/models/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/models/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,EAAE,EAAE,IAAI,CAAA;CACT,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/models/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,EAAE,EAAE,IAAI,CAAA;CACT,CAAA"}

package/dist/components/Dropdown/WDropdown.vue.d.ts

@@ -19,7 +19,9 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownProps, {
     "update:rect": () => any;
 }, string, import('vue').PublicProps, Readonly<DropdownProps> & Readonly<{
     "onUpdate:rect"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dropdown: 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/Dropdown/WDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAmIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAsH1C,iBAAS,cAAc;;;;;;YAkCM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAUnB,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":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAiIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AA4H1C,iBAAS,cAAc;;;;;;YAkCM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;OAWnB,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/Dropdown/WDropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
 import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
 import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
 import { horizontalGetterOrderMap, searchStyleGetter } from './utils/DropdownStyle.js';
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const dropdown = ref();
+    const dropdownRef = useTemplateRef("dropdown");
     let parentRect = null;
     let horizontalGetter = null;
     let verticalGetter = null;
@@ -59,9 +59,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let domListenerContainer;
     let requestAnimationFrameId = null;
     onMounted(() => {
-      if (!isClientSide) return;
+      if (!isClientSide || !dropdownRef.value) return;
       domListenerContainer = new DOMListenerContainer(
-        [document, window, ...getAllScrollParents(dropdown.value)],
+        [document, window, ...getAllScrollParents(dropdownRef.value)],
         ["scroll", "touchmove", "resize"],
         () => {
           if (requestAnimationFrameId) window.cancelAnimationFrame(requestAnimationFrameId);
@@ -88,10 +88,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        ref_key: "dropdown",
-        ref: dropdown,
+        ref: "dropdown",
         style: normalizeStyle(styles.value),
-        class: normalizeClass(["fixed h-auto group/dropdown", {
+        class: normalizeClass(["group/dropdown fixed h-auto", {
           "dropdown-top": isTop.value
         }])
       }, [

package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts

@@ -29,6 +29,8 @@ declare function __VLS_template(): {
             };
             $refs: {
                 [x: string]: unknown;
+            } & {
+                dropdown: HTMLDivElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -106,6 +108,8 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
         };
         $refs: {
             [x: string]: unknown;
+        } & {
+            dropdown: HTMLDivElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;

package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAiC9C,iBAAS,cAAc;;;;YAyFK,GAAG;;;;;YACD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAuDwthB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;WA5Cj2hB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6BouhB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;OAlB72hB,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":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAoC9C,iBAAS,cAAc;;;;YAyFK,GAAG;;;;;YACD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAuDsthB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;WA5C/1hB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6BkuhB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;OAlB32hB,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/Expansion/WExpansion.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WExpansion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Expansion/WExpansion.vue"],"names":[],"mappings":"AA2EA,iBAAS,cAAc;;yBAyFO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA5IR,OAAO;cACN,OAAO;;;;aADR,OAAO;cACN,OAAO;;;;YADR,OAAO;aACN,OAAO;6EAqJnB,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":"WExpansion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Expansion/WExpansion.vue"],"names":[],"mappings":"AAuEA,iBAAS,cAAc;;yBAyFO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA3IR,OAAO;cACN,OAAO;;;;aADR,OAAO;cACN,OAAO;;;;YADR,OAAO;aACN,OAAO;6EAoJnB,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/Expansion/WExpansion.vue.js

@@ -4,7 +4,7 @@ const _hoisted_1 = {
   key: 0,
   class: "duration-[var(--expansion-duration,200ms)]"
 };
-const _hoisted_2 = { class: "[overflow:inherit] grid grid-cols-1" };
+const _hoisted_2 = { class: "grid grid-cols-1 [overflow:inherit]" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WExpansion",
   props: {

package/dist/components/Expansion/WExpansionItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AA8FA,iBAAS,cAAc;;yBAsHO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAnKV,OAAO;YACR,MAAM;WACP,YAAY;cACT,OAAO;eACN,OAAO;;;;aAJT,OAAO;YACR,MAAM;WACP,YAAY;cACT,OAAO;eACN,OAAO;;;kFAwKlB,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":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AA8FA,iBAAS,cAAc;;yBAsHO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAlKV,OAAO;YACR,MAAM;WACP,YAAY;cACT,OAAO;eACN,OAAO;;;;aAJT,OAAO;YACR,MAAM;WACP,YAAY;cACT,OAAO;eACN,OAAO;;;kFAuKlB,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/Expansion/WExpansionItem.vue.js

@@ -3,12 +3,12 @@ import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import _sfc_main$1 from './WExpansion.vue.js';
 
 const _hoisted_1 = { class: "overflow-hidden" };
-const _hoisted_2 = { class: "pr-4 relative" };
+const _hoisted_2 = { class: "relative pr-4" };
 const _hoisted_3 = {
   key: 0,
-  class: "absolute top-0 right-0 square-2 rounded-full bg-info dark:bg-info-dark"
+  class: "square-2 bg-info dark:bg-info-dark absolute right-0 top-0 rounded-full"
 };
-const _hoisted_4 = { class: "flex justify-center items-center ml-auto" };
+const _hoisted_4 = { class: "ml-auto flex items-center justify-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WExpansionItem",
   props: {
@@ -23,12 +23,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.title?.()?.[0] ?? "button"), {
-          class: "grid grid-cols-[1fr,auto] py-4 cursor-pointer select-none w-full text-start items-center",
+          class: "grid w-full cursor-pointer select-none grid-cols-[1fr,auto] items-center py-4 text-start",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle"))
         }, {
           default: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass(["relative text-base text-accent font-semibold pr-4 flex gap-2", { "text-xs": _ctx.minTitle, "text-base": !_ctx.minTitle }])
+              class: normalizeClass(["text-accent relative flex gap-2 pr-4 text-base font-semibold", { "text-xs": _ctx.minTitle, "text-base": !_ctx.minTitle }])
             }, [
               _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
                 key: 0,

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAsLA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA6B9C,iBAAS,cAAc;;uBA6NI,GAAG;0BACC,GAAG;;;gCA1OP,OAAO,KAAG,IAAI;;YA2Ob,GAAG;;;gCA3OJ,OAAO,KAAG,IAAI;;YA4OX,GAAG;uBACL,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,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":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAoC9C,iBAAS,cAAc;;uBA6NI,GAAG;0BACC,GAAG;;;gCAzOP,OAAO,KAAG,IAAI;;YA0Ob,GAAG;;;gCA1OJ,OAAO,KAAG,IAAI;;YA2OX,GAAG;uBACL,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,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/FieldWrapper/WFieldWrapper.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, useId, ref, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, Fragment, renderSlot, createTextVNode, toDisplayString, createVNode, Transition, withCtx, createCommentVNode, createBlock, normalizeProps, guardReactiveProps } from 'vue';
+import _sfc_main$1 from '../Button/WButtonCopy.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import _sfc_main$2 from '../Tooltip/WTooltip.vue.js';
-import _sfc_main$1 from '../Button/WButtonCopy.vue.js';
 import { numberFormatter } from '../../utils/utils.js';
 
 const _hoisted_1 = ["for"];
@@ -12,20 +12,20 @@ const _hoisted_2 = {
 const _hoisted_3 = { class: "grid grid-cols-[1fr,auto]" };
 const _hoisted_4 = {
   key: 0,
-  class: "square-2 rounded-full transition-colors absolute top-0 right-0 bg-[var(--has-changes-bg)]"
+  class: "square-2 absolute right-0 top-0 rounded-full bg-[var(--has-changes-bg)] transition-colors"
 };
 const _hoisted_5 = {
   key: 0,
-  class: "text-xs font-normal text-negative dark:text-negative-dark absolute right-0 top-full pt-0.5 text-end"
+  class: "text-negative dark:text-negative-dark absolute right-0 top-full pt-0.5 text-end text-xs font-normal"
 };
 const _hoisted_6 = {
   key: 1,
-  class: "text-xs font-normal text-description absolute right-0 top-full pt-0.5 whitespace-nowrap"
+  class: "text-description absolute right-0 top-full whitespace-nowrap pt-0.5 text-xs font-normal"
 };
 const _hoisted_7 = {
   key: 2,
   ref: "rightContainer",
-  class: "pl-4 flex gap-4 sm-not:flex-col"
+  class: "sm-not:flex-col flex gap-4 pl-4"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["relative", {
-          "mt-1 mb-[1.125rem]": !_ctx.noMargin,
+          "mb-[1.125rem] mt-1": !_ctx.noMargin,
           [typeof _ctx.$attrs.class === "string" ? _ctx.$attrs.class : ""]: true
         }]),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           _ctx.title || _ctx.$slots.title?.()?.length ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(["text-xs font-semibold text-accent mb-2 duration-500", {
+            class: normalizeClass(["text-accent mb-2 text-xs font-semibold duration-500", {
               "opacity-50": _ctx.disabled && !_ctx.skeleton
             }])
           }, [
@@ -96,13 +96,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_3, [
             !_ctx.skeleton ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(["relative grid grid-cols-1 w-has-changes-color-info dark:w-has-changes-color-info-dark", {
+              class: normalizeClass(["w-has-changes-color-info dark:w-has-changes-color-info-dark relative grid grid-cols-1", {
                 "focus-within-not:w-has-changes-color-negative dark:focus-within-not:w-has-changes-color-negative-dark": _ctx.errorMessage
               }])
             }, [
               renderSlot(_ctx.$slots, "field", normalizeProps(guardReactiveProps({ id: unref(id), setFocused, focused: focused.value })), () => [
                 createElementVNode("div", {
-                  class: normalizeClass(["text-base font-normal min-h-[2.75rem] flex items-center border-t border-solid border-gray-300 dark:border-gray-700", {
+                  class: normalizeClass(["flex min-h-11 items-center border-t border-solid border-gray-300 text-base font-normal dark:border-gray-700", {
                     "font-mono": _ctx.mono
                   }])
                 }, [
@@ -149,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 10, _hoisted_1),
         _ctx.description ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(["text-xs font-normal text-description pt-4 whitespace-pre-wrap break-words text-pretty", {
+          class: normalizeClass(["text-description whitespace-pre-wrap text-pretty break-words pt-4 text-xs font-normal", {
             "opacity-50": _ctx.disabled && !_ctx.skeleton
           }])
         }, [

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}

package/dist/components/FilePicker/WFilePicker.vue.d.ts

@@ -41,7 +41,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
     "onClear:placeholder"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLLabelElement;
+    input: HTMLInputElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {