eco-vue-js 0.10.12 → 0.10.14

package/dist/components/Modal/WModalWrapper.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
 
 const _hoisted_1 = { class: "bg-default dark:bg-default-dark sticky top-0 z-[1]" };
-const _hoisted_2 = { class: "text-accent sm-not:text-xl flex items-center justify-center text-balance p-[var(--modal-wrapper-padding,2rem)] text-center text-2xl font-semibold" };
-const _hoisted_3 = { class: "sm:px-[var(--modal-wrapper-padding,2rem)]" };
+const _hoisted_2 = { class: "text-accent sm-not:text-xl -p--w-modal-wrapper-padding flex items-center justify-center text-balance text-center text-2xl font-semibold" };
+const _hoisted_3 = { class: "sm:-px--w-modal-wrapper-padding" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WModalWrapper",
   props: {
@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-default dark:bg-default-dark max-h-[calc(100%-var(--modal-wrapper-padding,2rem)*2)] w-[var(--modal-wrapper-width,35rem)] max-w-[calc(100%-var(--modal-wrapper-padding,2rem)*2)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-3xl shadow-md", {
+        class: normalizeClass(["bg-default dark:bg-default-dark max-h-[calc(100%-var(--inner-margin,2rem)*2)] w-[var(--w-modal-wrapper-width,35rem)] max-w-[calc(100%-var(--inner-margin,2rem)*2)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-[--w-modal-wrapper-rounded,1.5rem] shadow-md", {
           "sm-not:max-w-full sm-not:h-full sm-not:rounded-none sm-not:max-h-full": _ctx.maximized
         }])
       }, [
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ]),
         createElementVNode("div", {
-          class: normalizeClass(["bg-default dark:bg-default-dark sticky bottom-0 z-[1] flex w-full justify-center gap-[var(--modal-wrapper-padding,2rem)] p-[var(--modal-wrapper-padding,2rem)]", {
+          class: normalizeClass(["bg-default dark:bg-default-dark -gap--inner-margin -p--w-modal-wrapper-padding sticky bottom-0 z-[1] flex w-full justify-center", {
             "sm-not:flex-col": !_ctx.maximized
           }])
         }, [

package/dist/components/Modal/modals/Confirm/ConfirmModal.vue2.js

@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("close:modal");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { class: "[--modal-wrapper-width:40rem]" }, {
+      return openBlock(), createBlock(_sfc_main$1, { class: "w-modal-wrapper-w-[40rem]" }, {
         title: withCtx(() => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ]),

package/dist/components/Nav/WNavBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavBar.vue"],"names":[],"mappings":"AA2CA;AAgHA,iBAAS,cAAc;WAsET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;iFAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WNavBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavBar.vue"],"names":[],"mappings":"AA2CA;AA8GA,iBAAS,cAAc;WAsET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;iFAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Nav/WNavBar.vue.js

@@ -1,26 +1,25 @@
-import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVNode, createElementVNode, Transition, withCtx, createCommentVNode, withModifiers, normalizeClass, renderSlot, unref } from 'vue';
+import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVNode, createElementVNode, Transition, withCtx, createCommentVNode, unref, withModifiers, normalizeClass, renderSlot } from 'vue';
 import IconMenu from '../../assets/icons/sax/IconMenu.svg.js';
-import { isClientSide } from '../../utils/utils.js';
+import { useIsMobile } from '../../utils/mobile.js';
 
-const _hoisted_1 = { class: "bg-default dark:bg-default-dark mt-[3.75rem] overflow-hidden" };
+const _hoisted_1 = { class: "bg-default dark:bg-default-dark -mt--header-height overflow-hidden" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WNavBar",
   emits: ["update:isOpen"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const getHasBackdrop = () => {
-      return isClientSide && window.innerWidth < 1280;
-    };
-    const hasBackdrop = ref(getHasBackdrop());
+    const { isTablet } = useIsMobile();
     const isOpen = ref(false);
+    const emitIsOpen = () => {
+      emit("update:isOpen", isOpen.value);
+    };
     const toggle = () => {
-      hasBackdrop.value = getHasBackdrop();
       isOpen.value = !isOpen.value;
-      emit("update:isOpen", isOpen.value);
+      emitIsOpen();
     };
     const close = () => {
       isOpen.value = false;
-      emit("update:isOpen", false);
+      emitIsOpen();
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
@@ -31,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            isOpen.value && hasBackdrop.value ? (openBlock(), createElementBlock("div", {
+            isOpen.value && unref(isTablet) ? (openBlock(), createElementBlock("div", {
               key: 0,
               title: "Click to close",
               class: "bg-primary-light/40 dark:bg-primary-darkest/40 no-scrollbar fixed left-0 top-0 z-30 size-full overflow-y-auto overflow-x-hidden overscroll-contain backdrop-blur print:hidden",
@@ -53,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ], 2),
         createElementVNode("div", {
-          class: normalizeClass(["square-[3.75rem] w-ripple fixed left-0 top-0 z-30 flex cursor-pointer items-center justify-center xl:hidden print:hidden", { "text-primary-default": isOpen.value }]),
+          class: normalizeClass(["-square--header-height w-ripple fixed left-0 top-0 z-30 flex cursor-pointer items-center justify-center xl:hidden print:hidden", { "text-primary-default": isOpen.value }]),
           onClick: withModifiers(toggle, ["stop"])
         }, [
           createVNode(unref(IconMenu))

package/dist/components/Nav/WNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAwFA;AAiJA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAY5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;AAmCD,iBAAS,cAAc;WAqKT,OAAO,IAA6B;;sBAXvB,GAAG;uBACF,GAAG;;;;EAe9B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAgFA;AAuIA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAY5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;AAiCD,iBAAS,cAAc;WA4JT,OAAO,IAA6B;;sBAXvB,GAAG;uBACF,GAAG;;;;EAe9B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Nav/WNavItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, onBeforeUnmount, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createElementVNode, Transition, createElementBlock, createCommentVNode, renderSlot, resolveDynamicComponent, toDisplayString, createTextVNode } from 'vue';
+import { defineComponent, computed, watch, onBeforeUnmount, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createElementVNode, Transition, createElementBlock, createCommentVNode, renderSlot, resolveDynamicComponent, createTextVNode, toDisplayString } from 'vue';
 import { useRoute, useRouter, RouterLink } from 'vue-router';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
@@ -13,14 +13,11 @@ const _hoisted_2 = {
   class: "absolute left-7 top-0 flex h-full items-center"
 };
 const _hoisted_3 = { class: "[overflow:inherit]" };
-const _hoisted_4 = { class: "grid grid-cols-[2rem,auto,1fr,1rem] items-center px-5 py-3" };
+const _hoisted_4 = { class: "grid grid-cols-[1.5rem,1fr,auto] items-center px-4 py-2.5" };
 const _hoisted_5 = { class: "flex items-center" };
-const _hoisted_6 = { class: "relative whitespace-nowrap text-base font-normal tracking-wide" };
-const _hoisted_7 = { class: "relative flex justify-start text-center text-base font-normal tracking-wide" };
-const _hoisted_8 = {
-  key: 0,
-  class: "relative"
-};
+const _hoisted_6 = { class: "last-not:pr-1 whitespace-nowrap font-normal tracking-wide" };
+const _hoisted_7 = { class: "relative" };
+const _hoisted_8 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WNavItem",
   props: {
@@ -49,7 +46,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return isEqualObj(route.query, routeTo.value.query, EXCLUDE_QUERY_FIELDS, props.queryFields);
     });
     const isTextColor = computed(() => props.hasActive ? !props.indent : isActive.value);
-    const isBigCount = computed(() => props.counter !== void 0 && props.counter >= 1e3);
     watch(isActive, (value) => emit("update:isActive", [titleLocal.value, value]), { immediate: true });
     onBeforeUnmount(() => {
       emit("update:isActive", [titleLocal.value, false]);
@@ -60,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["w-ripple w-ripple-hover relative block no-underline", {
           "text-primary-default dark:text-primary-dark": isTextColor.value,
           "text-accent": !isTextColor.value,
-          "pl-3": _ctx.indent
+          "pl-2": _ctx.indent
         }])
       }, {
         default: withCtx(() => [
@@ -93,28 +89,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_5, [
                 _ctx.icon ?? routeTo.value.meta.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? routeTo.value.meta.icon), {
                   key: 0,
-                  class: "square-6"
+                  class: "square-5"
                 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
               ]),
-              createElementVNode("div", _hoisted_6, toDisplayString(titleLocal.value), 1),
-              createElementVNode("div", _hoisted_7, [
-                _cache[1] || (_cache[1] = createTextVNode("   ")),
-                !_ctx.skeleton ? (openBlock(), createElementBlock("span", _hoisted_8, [
-                  createTextVNode(toDisplayString(typeof _ctx.count === "number" ? `(${unref(numberCompactFormatter).format(_ctx.count)})` : "") + " ", 1),
-                  _ctx.counter !== void 0 && _ctx.counter !== 0 ? (openBlock(), createBlock(_sfc_main$1, {
-                    key: 0,
+              createElementVNode("div", _hoisted_6, [
+                createElementVNode("span", _hoisted_7, [
+                  createElementVNode("span", null, toDisplayString(titleLocal.value), 1),
+                  _cache[1] || (_cache[1] = createTextVNode(" ")),
+                  !_ctx.skeleton ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(typeof _ctx.count === "number" ? `(${unref(numberCompactFormatter).format(_ctx.count)})` : ""), 1)) : (openBlock(), createBlock(WSkeleton, {
+                    key: 1,
+                    class: "inline-flex max-w-10"
+                  })),
+                  !_ctx.skeleton && _ctx.counter !== void 0 && _ctx.counter !== 0 ? (openBlock(), createBlock(_sfc_main$1, {
+                    key: 2,
                     count: _ctx.counter,
                     trigger: 1,
-                    small: "",
-                    class: normalizeClass(["absolute -top-3", {
-                      "left-[calc(100%-0.25rem)]": !isBigCount.value,
-                      "left-[calc(100%-1rem)]": isBigCount.value
-                    }])
-                  }, null, 8, ["count", "class"])) : createCommentVNode("", true)
-                ])) : (openBlock(), createBlock(WSkeleton, {
-                  key: 1,
-                  class: "max-w-10"
-                }))
+                    class: "text-2xs absolute -top-2.5 left-[calc(100%-1em)]"
+                  }, null, 8, ["count"])) : createCommentVNode("", true)
+                ])
               ]),
               renderSlot(_ctx.$slots, "right")
             ])

package/dist/components/Nav/use/useNavBarOpen.d.ts

@@ -0,0 +1,6 @@
+export declare const useNavBarOpen: () => {
+    isOpen: Readonly<import('vue').Ref<boolean, boolean>>;
+    toggle: () => void;
+    close: () => void;
+};
+//# sourceMappingURL=useNavBarOpen.d.ts.map

package/dist/components/Nav/use/useNavBarOpen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavBarOpen.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/use/useNavBarOpen.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;CAczB,CAAA"}

package/dist/components/Notify/components/NotifyCard.vue.js

@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1, [
           withDirectives(createVNode(_sfc_main$1, {
-            class: "absolute -left-2.5 -top-2.5 shadow-md",
+            class: "absolute -left-2.5 -top-2.5 text-xs shadow-md",
             count: _ctx.count
           }, null, 8, ["count"]), [
             [vShow, _ctx.count > 1]

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

@@ -90,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const search = ref("");
     const searchPrepared = computed(() => search.value.trim().toLocaleLowerCase());
     const enabled = computed(() => !props.disabled);
-    const { data, isLoading, error: queryError } = props.useQueryFnOptions ? !props.queryParamsOptions ? props.useQueryFnOptions({ enabled }) : props.useQueryFnOptions(toRef(props, "queryParamsOptions"), { enabled }) : {
+    const { data, isLoading, error: queryError } = props.useQueryFnOptions ? props.queryParamsOptions === void 0 ? props.useQueryFnOptions({ enabled }) : props.useQueryFnOptions(toRef(props, "queryParamsOptions"), { enabled }) : {
       data: toRef(props, "options"),
       isLoading: ref(false),
       error: ref(void 0)

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":"AAkDA;AA2GA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAM1F,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;WAiM1D,mBAAmB,CAAC;;;;uQAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAlJC,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;;;YA3CvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;YAgMF,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":"AAmDA;AA4GA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAM1F,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;WAmM1D,mBAAmB,CAAC;;;;uQAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBApJC,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;;;YA3CvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;YAkMF,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7MvE,wBA6M4E;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

@@ -76,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createVNode(_sfc_main$1, {
                     loading: _ctx.loading,
                     disabled: _ctx.disabled,
-                    class: "-mr-2 ml-1",
+                    class: "w-option-button ml-1 mr-2",
                     onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                     }, ["stop", "prevent"])),
                     onClick: withModifiers(($event) => !_ctx.loading && _ctx.$emit("unselect", _ctx.valueGetter(option)), ["stop", "prevent"])
@@ -90,6 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             loading: _ctx.loading,
             disabled: _ctx.disabled,
+            class: "ml-1 mr-2",
             onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["stop", "prevent"])),
             onClick: withModifiers(($event) => !_ctx.loading && _ctx.$emit("unselect", _ctx.valueGetter(option)), ["stop", "prevent"])

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

@@ -4,7 +4,7 @@ import IconCheck from '../../../assets/icons/default/IconCheck.svg.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "text-primary-default dark:text-primary-dark col-start-3 flex items-center justify-center [--spinner-size:1.5rem]"
+  class: "text-primary-default dark:text-primary-dark w-spinner-size-[1.5em] col-start-3 flex items-center justify-center"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectOption",

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":"AAuCA;AAoDA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAA;yBAIrD,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;WA6I1D,mBAAmB,CAAC;;2LAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA7BiB,GAAG;;cA5GzB,UAAU,KAAG,IAAI;;;;YA8IqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvJvE,wBAuJ4E;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":"AAyCA;AAsDA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAA;yBAIrD,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;WAkJ1D,mBAAmB,CAAC;;2LAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA7BkB,GAAG;;cAjH1B,UAAU,KAAG,IAAI;;;;YAmJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5JvE,wBA4J4E;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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createBlock, createCommentVNode, resolveDynamicComponent, mergeProps, withCtx, withModifiers } from 'vue';
+import { defineComponent, createBlock, createElementBlock, openBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, withModifiers, normalizeClass, renderSlot } from 'vue';
 import _sfc_main$1 from '../../Button/WButtonUnselect.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -15,42 +15,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["unselect"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps({ key: 0 }, _ctx.optionComponentProps, {
+        option: _ctx.option,
+        index: _ctx.index,
+        selected: true,
+        model: true
+      }), {
+        default: withCtx(() => [
+          !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            loading: _ctx.loading,
+            disabled: _ctx.disabled,
+            class: "w-option-button ml-1 mr-2",
+            onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop", "prevent"])),
+            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("unselect"), ["stop", "prevent"]))
+          }, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16, ["option", "index"])) : (openBlock(), createElementBlock("div", {
+        key: 1,
         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
         }])
       }, [
-        renderSlot(_ctx.$slots, "option", {}, () => [
-          _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps({ key: 0 }, _ctx.optionComponentProps, {
-            option: _ctx.option,
-            index: _ctx.index,
-            selected: true,
-            model: true
-          }), {
-            default: withCtx(() => [
-              !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                loading: _ctx.loading,
-                disabled: _ctx.disabled,
-                class: "-mr-2 ml-1",
-                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["stop", "prevent"])),
-                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("unselect"), ["stop", "prevent"]))
-              }, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 16, ["option", "index"])) : createCommentVNode("", true)
-        ]),
-        !_ctx.optionComponent && !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
+        renderSlot(_ctx.$slots, "option"),
+        !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
           loading: _ctx.loading,
           disabled: _ctx.disabled,
+          class: "mx-1 mr-2",
           onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
           }, ["stop", "prevent"])),
           onClick: _cache[3] || (_cache[3] = withModifiers(($event) => _ctx.$emit("unselect"), ["stop", "prevent"]))
         }, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)
-      ], 2);
+      ], 2));
     };
   }
 });

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: "square-[var(--spinner-size,2rem)] animate-spin",
+  class: "square-[var(--w-spinner-size,2rem)] animate-spin",
   width: "20",
   height: "20",
   viewBox: "25 25 50 50"

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

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _: 3
       })) : (openBlock(), createElementBlock("div", {
         key: 1,
-        class: "grid grid-cols-[repeat(var(--w-columns-length),calc(50%-((var(--w-columns-length)-1)*var(--modal-wrapper-padding,2rem)/2)))] gap-[var(--modal-wrapper-padding,2rem)]",
+        class: "grid grid-cols-[repeat(var(--w-columns-length),calc(50%-((var(--w-columns-length)-1)*var(--w-modal-wrapper-padding,2rem)/2)))] gap-[var(--w-modal-wrapper-padding,2rem)]",
         style: normalizeStyle({ "--w-columns-length": _ctx.$slots.default?.().length })
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {

package/dist/components/Toggle/WToggle.vue.js

@@ -99,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               _ctx.loading ? (openBlock(), createBlock(WSpinner, {
                 key: 0,
-                class: "text-description [--spinner-size:1.25rem]"
+                class: "text-description w-spinner-size-5"
               })) : createCommentVNode("", true)
             ], 2)
           ], 2)

package/dist/imports/componentsPlugin.d.ts

@@ -6,6 +6,7 @@ import { default as WButtonAction } from '../components/Button/WButtonAction.vue
 import { default as WButtonCopy } from '../components/Button/WButtonCopy.vue';
 import { default as WButtonDropdown } from '../components/Button/WButtonDropdown.vue';
 import { default as WButtonGroup } from '../components/Button/WButtonGroup.vue';
+import { default as WButtonInput } from '../components/Button/WButtonInput.vue';
 import { default as WButtonMore } from '../components/Button/WButtonMore.vue';
 import { default as WButtonMoreItem } from '../components/Button/WButtonMoreItem.vue';
 import { default as WButtonSelection } from '../components/Button/WButtonSelection.vue';
@@ -85,5 +86,5 @@ declare const _default: {
     install: (app: App | any) => void;
 };
 export default _default;
-export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WButtonSelectionState, WButtonUnselect, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormAsyncButtonGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WFormValidator, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WNumberFormatter, WPage, WPageNumerator, WPageTitle, WProgress, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WTooltip, WTooltipContainer, };
+export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonInput, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WButtonSelectionState, WButtonUnselect, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormValidator, WFormAsyncButtonGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WNumberFormatter, WPage, WPageNumerator, WPageTitle, WProgress, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WTooltip, WTooltipContainer, };
 //# sourceMappingURL=componentsPlugin.d.ts.map

package/dist/imports/componentsPlugin.d.ts.map

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

package/dist/main.js

@@ -9,6 +9,7 @@ export { default as WButtonAction } from './components/Button/WButtonAction.vue.
 export { default as WButtonCopy } from './components/Button/WButtonCopy.vue.js';
 export { default as WButtonDropdown } from './components/Button/WButtonDropdown.vue.js';
 export { default as WButtonGroup } from './components/Button/WButtonGroup.vue.js';
+export { default as WButtonInput } from './components/Button/WButtonInput.vue.js';
 export { default as WButtonMore } from './components/Button/WButtonMore.vue.js';
 export { default as WButtonMoreItem } from './components/Button/WButtonMoreItem.vue.js';
 export { default as WButtonSelection } from './components/Button/WButtonSelection.vue.js';
@@ -92,7 +93,7 @@ export { DOMListenerContainer };
 export { SemanticType } from './utils/SemanticType.js';
 export { HorizontalAlign } from './utils/HorizontalAlign.js';
 export { Month, WeekDay, addDay, addMonth, addYear, dateFormat, dateFormatter, dateRegexp, dateToQueryString, datetimeFormat, durationHumanize, getDurationRound, getStartOfDay, getStartOfMonth, getStartOfNextDay, getStartOfWeek, isSameDate, isSameMonth, isSameYear, monthShortFormatter, parseDate, timeFormat, weekdayShortFormatter } from './utils/dateTime.js';
-export { getIsMobile, getIsTouchDevice, useIsMobile } from './utils/mobile.js';
+export { getIsMobile, getIsTablet, getIsTouchDevice, useIsMobile } from './utils/mobile.js';
 export { PAGE_LENGTH, makeQueryPaginated, useDefaultQuery, wrapUseQueryPaginated } from './utils/useDefaultQuery.js';
 export { paginatedResponseUpdater, useQueryUpdater } from './utils/useQueryUpdater.js';
 export { useCopy } from './utils/useCopy.js';

package/dist/utils/mobile.d.ts

@@ -1,6 +1,8 @@
 export declare const getIsMobile: () => boolean;
+export declare const getIsTablet: () => boolean;
 export declare const useIsMobile: () => {
-    isMobile: import('vue').Ref<boolean, boolean>;
+    isMobile: Readonly<import('vue').Ref<boolean, boolean>>;
+    isTablet: Readonly<import('vue').Ref<boolean, boolean>>;
 };
 export declare const getIsTouchDevice: () => boolean;
 //# sourceMappingURL=mobile.d.ts.map

package/dist/utils/mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.d.ts","sourceRoot":"","sources":["../../src/utils/mobile.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,QAAO,OAE9B,CAAA;AAID,eAAO,MAAM,WAAW;;CAIvB,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,OAEnC,CAAA"}
+{"version":3,"file":"mobile.d.ts","sourceRoot":"","sources":["../../src/utils/mobile.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,QAAO,OAE9B,CAAA;AAED,eAAO,MAAM,WAAW,QAAO,OAE9B,CAAA;AAKD,eAAO,MAAM,WAAW;;;CAKvB,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,OAEnC,CAAA"}

package/dist/utils/mobile.js

@@ -1,13 +1,18 @@
-import { ref } from 'vue';
+import { ref, readonly } from 'vue';
 import { isClientSide, debounce } from './utils.js';
 
 const getIsMobile = () => {
   return isClientSide && window.innerWidth < 640;
 };
+const getIsTablet = () => {
+  return isClientSide && window.innerWidth < 1280;
+};
 const isMobile = ref(getIsMobile());
+const isTablet = ref(getIsTablet());
 const useIsMobile = () => {
   return {
-    isMobile
+    isMobile: readonly(isMobile),
+    isTablet: readonly(isTablet)
   };
 };
 const getIsTouchDevice = () => {
@@ -16,8 +21,9 @@ const getIsTouchDevice = () => {
 if (isClientSide) {
   const listener = debounce(() => {
     isMobile.value = getIsMobile();
+    isTablet.value = getIsTablet();
   }, 50);
   window.addEventListener("resize", listener);
 }
 
-export { getIsMobile, getIsTouchDevice, useIsMobile };
+export { getIsMobile, getIsTablet, getIsTouchDevice, useIsMobile };

package/eslint/recommended.js

@@ -125,6 +125,7 @@ export default [
       'unused-imports/no-unused-imports': 'error',
       'tailwindcss/no-custom-classname': 'off',
       'tailwindcss/migration-from-tailwind-2': 'off',
+      'tailwindcss/enforces-negative-arbitrary-values': 'off',
       'no-multiple-empty-lines': [1, {max: 1, maxEOF: 0, maxBOF: 0}],
       'keyword-spacing': 1,
       'key-spacing': 1,

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.12",
+  "version": "0.10.14",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --watch",
@@ -154,6 +154,9 @@
     "./dist/components/Button/WButtonGroup.vue": {
       "import": "./dist/components/Button/WButtonGroup.vue.js"
     },
+    "./dist/components/Button/WButtonInput.vue": {
+      "import": "./dist/components/Button/WButtonInput.vue.js"
+    },
     "./dist/components/Button/WButtonMore.vue": {
       "import": "./dist/components/Button/WButtonMore.vue.js"
     },

package/tailwind-base/index.ts

@@ -109,6 +109,13 @@ const tailwindBase = {
       overflow: {
         overlay: 'overlay',
       },
+      fontSize: {
+        '4xs': ['0.4375rem', '1.3'],
+        '3xs': ['0.5625rem', '1.3'],
+        '2xs': ['0.625rem', '1.3'],
+        '2.5xl': ['1.625rem', '2rem'],
+        '7.5xl': ['5.25rem', '1.9'],
+      },
     },
     fontFamily: {
       sans: ['MontSerrat', 'system-ui'],