eco-vue-js 0.10.11 → 0.10.13

package/dist/components/ActionsBar/WActionsBar.vue.d.ts

@@ -1,20 +1,20 @@
-import { VNode } from 'vue';
+import { Component, VNode } from 'vue';
+type __VLS_Props = {
+    filter?: Component;
+    bottom?: Component;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         top?: () => VNode[];
-        filter?: () => VNode[];
-        bottom?: () => VNode[];
     }> & {
         top?: () => VNode[];
-        filter?: () => VNode[];
-        bottom?: () => VNode[];
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/ActionsBar/WActionsBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AAgEA;AA4GA,OAAO,EAAC,KAAK,KAAK,EAA8C,MAAM,KAAK,CAAA;AA0C3E,iBAAS,cAAc;WAyGT,OAAO,IAA6B;;cAhH1C,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;cAFhB,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;;;EAmHvB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,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":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AA+DA;AAgHA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,KAAK,EAAoC,MAAM,KAAK,CAAA;AAOjF,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAC;AAsCF,iBAAS,cAAc;WAwGT,OAAO,IAA6B;;cA7G1C,MAAM,KAAK,EAAE;;cAAb,MAAM,KAAK,EAAE;;;;EAkHpB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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/ActionsBar/WActionsBar.vue.js

@@ -1,19 +1,23 @@
-import { defineComponent, ref, useSlots, computed, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, createVNode, unref, renderSlot } from 'vue';
+import { defineComponent, ref, computed, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, createVNode, unref, renderSlot } from 'vue';
 import _sfc_main$1 from '../Button/WButtonAction.vue.js';
 import IconBack from '../../assets/icons/default/IconBack.svg.js';
 import IconFilter from '../../assets/icons/sax/IconFilter.svg.js';
 
-const _hoisted_1 = { class: "no-scrollbar relative col-span-1 row-span-2 grid grid-cols-[var(--actions-bar-filter-width,24rem)] grid-rows-subgrid justify-self-end overflow-y-auto overflow-x-hidden overscroll-contain" };
-const _hoisted_2 = { class: "-px--inner-margin col-span-1 row-span-2 grid grid-rows-subgrid" };
-const _hoisted_3 = { class: "relative row-span-2 grid h-full grid-cols-1 grid-rows-subgrid overflow-x-hidden overscroll-contain" };
-const _hoisted_4 = { class: "row-start-2" };
-const _hoisted_5 = {
+const _hoisted_1 = { class: "no-scrollbar relative col-start-1 row-span-2 grid grid-cols-[--actions-bar-filter-width] justify-self-end overflow-y-auto overflow-x-hidden overscroll-contain" };
+const _hoisted_2 = { class: "relative row-span-2 grid h-full grid-cols-1 grid-rows-subgrid overflow-x-hidden overscroll-contain" };
+const _hoisted_3 = { class: "row-start-2" };
+const _hoisted_4 = {
   key: 0,
-  class: "mx-1 my-4 h-0.5 rounded bg-gray-400 md:my-8"
+  class: "mx-1 my-2 h-0.5 rounded bg-gray-400 md:my-4 dark:bg-gray-600"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WActionsBar",
+  props: {
+    filter: {},
+    bottom: {}
+  },
   setup(__props) {
+    const props = __props;
     let closeModal = null;
     const isOpen = ref(false);
     const filterCount = ref(0);
@@ -23,8 +27,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const close = () => {
       isOpen.value = false;
     };
-    const slots = useSlots();
-    const hasFilter = computed(() => !!slots.filter);
+    const hasFilter = computed(() => !!props.filter);
+    const updateCount = (value) => {
+      filterCount.value = value;
+    };
     onUnmounted(() => {
       closeModal?.();
       closeModal = null;
@@ -34,32 +40,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["height-full bg-default dark:bg-default-dark sm-not:[--actions-bar-filter-width:calc(100vw-var(--actions-bar-width))] fixed right-0 top-0 z-40 grid grid-rows-[3.75rem,1fr] justify-end overflow-hidden shadow-md transition-[grid-template-columns] duration-300 [--actions-toggle-height:4rem] print:hidden", {
-          "grid-cols-[0,var(--actions-bar-width)]": !isOpen.value || !hasFilter.value,
-          "grid-cols-[var(--actions-bar-filter-width,24rem),var(--actions-bar-width,4rem)]": isOpen.value && hasFilter.value
+        class: normalizeClass(["height-full bg-default dark:bg-default-dark sm-not:[--actions-bar-filter-width:calc(100vw-var(--w-actions-bar-width))] fixed right-0 top-0 z-40 grid grid-cols-[var(--actions-bar-filter-width-current,0),var(--w-actions-bar-width)] grid-rows-[var(--header-height),1fr] justify-end overflow-hidden shadow-md transition-[grid-template-columns] duration-300 print:hidden", {
+          "[--actions-bar-filter-width-current:var(--actions-bar-filter-width)]": isOpen.value && hasFilter.value
         }])
       }, [
         createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            _cache[1] || (_cache[1] = createElementVNode("div", { class: "text-accent flex items-center text-2xl font-semibold" }, " Filters ", -1)),
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.filter?.()?.[0]), {
-              "onUpdate:count": _cache[0] || (_cache[0] = ($event) => filterCount.value = $event)
-            }, null, 32))
-          ])
+          _ctx.filter ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.filter), {
+            key: 0,
+            "onUpdate:count": updateCount
+          }, null, 32)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3, [
-          hasFilter.value ? (openBlock(), createElementBlock("div", {
+        createElementVNode("div", _hoisted_2, [
+          hasFilter.value ? (openBlock(), createElementBlock("button", {
             key: 0,
-            class: "w-ripple relative row-start-1 flex cursor-pointer select-none items-center justify-center",
+            class: "w-ripple w-ripple-hover relative row-start-1 flex cursor-pointer select-none items-center justify-center",
             onClick: toggle
           }, [
             createVNode(unref(IconBack), {
-              class: normalizeClass(["text-description square-5 transition-transform", { "[transform:rotateY(180deg)]": isOpen.value }])
+              class: normalizeClass(["text-description square-4 transition-transform", { "[transform:rotateY(180deg)]": isOpen.value }])
             }, null, 8, ["class"])
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_3, [
             renderSlot(_ctx.$slots, "top"),
-            _ctx.$slots.top && (hasFilter.value || unref(slots).bottom) ? (openBlock(), createElementBlock("div", _hoisted_5)) : createCommentVNode("", true),
+            _ctx.$slots.top && (hasFilter.value || _ctx.bottom) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
             hasFilter.value ? (openBlock(), createBlock(_sfc_main$1, {
               key: 1,
               title: "Filters",
@@ -68,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               count: filterCount.value,
               onClick: toggle
             }, null, 8, ["icon", "active", "count"])) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "bottom")
+            _ctx.bottom ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.bottom), { key: 2 })) : createCommentVNode("", true)
           ])
         ])
       ], 2);

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: "whitespace-nowrap text-center text-[0.625rem] font-normal md:text-base" };
+const _hoisted_1 = { class: "text-3xs whitespace-nowrap text-center font-normal" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonAction",
   props: {
@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const semanticTypeStylesMap = {
       [SemanticType.SECONDARY]: "text-description bg-default dark:bg-default-dark hover:text-primary-default dark:hover:text-primary-dark",
-      [SemanticType.PRIMARY]: "text-default dark:text-default-dark bg-primary-default dark:bg-primary-dark",
+      [SemanticType.PRIMARY]: "text-default bg-primary-default dark:bg-primary-dark",
       [SemanticType.POSITIVE]: "text-default dark:text-default-dark bg-positive dark:bg-positive-dark",
       [SemanticType.WARNING]: "text-default dark:text-default-dark bg-warning dark:bg-warning-dark",
       [SemanticType.NEGARIVE]: "text-default dark:text-default-dark bg-negative dark:bg-negative-dark",
@@ -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: ["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", {
+        class: ["w-ripple w-ripple-hover relative grid w-full cursor-pointer select-none justify-items-center gap-1 py-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 left-[calc(50%-20px)] top-0",
+            class: "absolute left-[calc(50%-20px)] top-0 text-xs",
             count: _ctx.count,
             trigger: 1
           }, null, 8, ["count"])), [
@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "icon", {}, () => [
             _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
               key: 0,
-              class: "square-8"
+              class: "square-6"
             })) : createCommentVNode("", true)
           ]),
           createElementVNode("div", _hoisted_1, toDisplayString(_ctx.title), 1)

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":"AAYA;AAqDA,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;;aAFU,MAAM;;AA6EpB,wBAQG"}
+{"version":3,"file":"WCounter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/WCounter.vue"],"names":[],"mappings":"AAUA;AAmDA,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;;aAFU,MAAM;;AA2EpB,wBAQG"}

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

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

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

@@ -16,14 +16,14 @@ declare function __VLS_template(): {
         title?: () => VNode[];
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     toggle: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onToggle?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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":"AAgDA;AA2EA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAM9B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAeF,iBAAS,cAAc;WAyGT,OAAO,IAA6B;;kBA/GtC,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;kBADX,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;;;EAmHtB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,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":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AAkDA;AA6EA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAM9B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAeF,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;kBAhHtC,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;kBADX,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;;;EAoHtB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,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/Expansion/WExpansionItem.vue.js

@@ -1,14 +1,13 @@
-import { defineComponent, createElementBlock, openBlock, createBlock, createVNode, resolveDynamicComponent, withCtx, createElementVNode, normalizeClass, createCommentVNode, createTextVNode, toDisplayString, Transition, unref, renderSlot } from 'vue';
+import { defineComponent, createElementBlock, openBlock, Fragment, createBlock, createVNode, resolveDynamicComponent, withCtx, createCommentVNode, createElementVNode, normalizeClass, createTextVNode, toDisplayString, Transition, unref, renderSlot } from 'vue';
 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: "relative pr-4" };
-const _hoisted_3 = {
+const _hoisted_1 = { class: "col-start-2" };
+const _hoisted_2 = {
   key: 0,
   class: "square-2 bg-info dark:bg-info-dark absolute right-0 top-0 rounded-full"
 };
-const _hoisted_4 = { class: "ml-auto flex items-center justify-center" };
+const _hoisted_3 = { class: "col-start-3 ml-auto flex items-center justify-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WExpansionItem",
   props: {
@@ -21,20 +20,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["toggle"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock(Fragment, null, [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.title?.()?.[0] ?? "button"), {
-          class: "grid w-full cursor-pointer select-none grid-cols-[1fr,auto] items-center py-4 text-start",
+          class: "w-ripple w-ripple-hover -px--inner-margin relative grid w-full cursor-pointer select-none grid-cols-[auto,1fr,auto] items-center gap-2 py-3 text-start",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle"))
         }, {
           default: withCtx(() => [
-            createElementVNode("div", {
-              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,
-                class: "square-6"
-              })) : createCommentVNode("", true),
-              createElementVNode("span", _hoisted_2, [
+            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+              key: 0,
+              class: "square-6"
+            })) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("span", {
+                class: normalizeClass(["relative pr-4 font-semibold", { "text-xs": _ctx.minTitle, "text-base": !_ctx.minTitle }])
+              }, [
                 createTextVNode(toDisplayString(_ctx.title) + " ", 1),
                 createVNode(Transition, {
                   "enter-active-class": "transition-opacity",
@@ -43,13 +42,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "leave-to-class": "opacity-0"
                 }, {
                   default: withCtx(() => [
-                    _ctx.hasFlag ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
+                    _ctx.hasFlag ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)
                   ]),
                   _: 1
                 })
-              ])
-            ], 2),
-            createElementVNode("div", _hoisted_4, [
+              ], 2)
+            ]),
+            createElementVNode("div", _hoisted_3, [
               createVNode(unref(IconArrow), {
                 class: normalizeClass(["text-accent transition-transform", { "rotate-180": _ctx.isOpen }])
               }, null, 8, ["class"])
@@ -57,13 +56,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })),
-        createVNode(_sfc_main$1, { "is-open": _ctx.isOpen }, {
+        createVNode(_sfc_main$1, {
+          "is-open": _ctx.isOpen,
+          class: normalizeClass([_ctx.$attrs.class, "mt-2"])
+        }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),
           _: 3
-        }, 8, ["is-open"])
-      ]);
+        }, 8, ["is-open", "class"])
+      ], 64);
     };
   }
 });

package/dist/components/FilterWrapper/WFilterWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFilterWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FilterWrapper/WFilterWrapper.vue"],"names":[],"mappings":"AAoCA;AAqHA,OAAO,EAAC,KAAK,KAAK,EAAoC,MAAM,KAAK,CAAA;AAWjE,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAC;AAiEF,iBAAS,cAAc;WAuFT,OAAO,IAA6B;;iBA7FvC,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;iBADZ,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;;;EAiGtB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,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":"WFilterWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FilterWrapper/WFilterWrapper.vue"],"names":[],"mappings":"AAsCA;AAuHA,OAAO,EAAC,KAAK,KAAK,EAAoC,MAAM,KAAK,CAAA;AAWjE,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAC;AAiEF,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;iBA/FvC,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;iBADZ,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;;;EAmGtB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,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/FilterWrapper/WFilterWrapper.vue.js

@@ -6,7 +6,7 @@ import { Modal } from '../../utils/Modal.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import { throttle } from '../../utils/utils.js';
 
-const _hoisted_1 = { class: "flex flex-col pb-16" };
+const _hoisted_1 = { class: "pb-16" };
 const _hoisted_2 = { class: "-px--inner-margin grid grid-cols-2 gap-4" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WFilterWrapper",
@@ -55,32 +55,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[1] || (_cache[1] = createElementVNode("div", { class: "text-accent -h--header-height -mx--inner-margin flex items-center text-2xl font-semibold" }, " Filters ", -1)),
+        _cache[2] || (_cache[2] = createElementVNode("div", { class: "text-accent -h--header-height -mx--inner-margin flex items-center text-xl font-semibold" }, " Filters ", -1)),
         createElementVNode("div", null, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {
-            return openBlock(), createBlock(resolveDynamicComponent(slot), {
-              key: index,
-              "is-open": index === selectedIndex.value,
-              onToggle: ($event) => unref(setSelectedIndex)(index),
-              "onUpdate:hasChanges": ($event) => hasChangesMap.value[index.toString()] = $event
-            }, null, 40, ["is-open", "onToggle", "onUpdate:hasChanges"]);
-          }), 128))
-        ]),
-        _cache[2] || (_cache[2] = createElementVNode("div", { class: "-mx--inner-margin my-8 h-0.5 rounded bg-gray-400" }, null, -1)),
-        createElementVNode("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "bottom"),
-          createVNode(_sfc_main$1, {
-            "semantic-type": unref(SemanticType).SECONDARY,
-            disabled: !changesCount.value,
-            class: "col-start-2",
-            onClick: openConfirmReset
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(IconFilterRemove)),
-              _cache[0] || (_cache[0] = createTextVNode(" Reset Filters "))
-            ]),
-            _: 1
-          }, 8, ["semantic-type", "disabled"])
+          createElementVNode("div", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {
+              return openBlock(), createBlock(resolveDynamicComponent(slot), {
+                key: index,
+                "is-open": index === selectedIndex.value,
+                onToggle: ($event) => unref(setSelectedIndex)(index),
+                "onUpdate:hasChanges": ($event) => hasChangesMap.value[index.toString()] = $event
+              }, null, 40, ["is-open", "onToggle", "onUpdate:hasChanges"]);
+            }), 128))
+          ]),
+          _cache[1] || (_cache[1] = createElementVNode("div", { class: "-mx--inner-margin my-8 h-0.5 rounded bg-gray-400" }, null, -1)),
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "bottom"),
+            createVNode(_sfc_main$1, {
+              "semantic-type": unref(SemanticType).SECONDARY,
+              disabled: !changesCount.value,
+              class: "col-start-2",
+              onClick: openConfirmReset
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconFilterRemove)),
+                _cache[0] || (_cache[0] = createTextVNode(" Reset Filters "))
+              ]),
+              _: 1
+            }, 8, ["semantic-type", "disabled"])
+          ])
         ])
       ]);
     };

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts

@@ -11,6 +11,7 @@ declare function __VLS_template(): {
         search?(_: {}): any;
     };
     refs: {
+        element: HTMLDivElement;
         input: import('vue').ShallowUnwrapRef<{
             focus: () => void;
             blur: () => void;
@@ -27,6 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     title: string;
     search: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    element: HTMLDivElement;
     input: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAmFA;AAqKA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA4DJ,iBAAS,cAAc;WA2LT,OAAO,IAA6B;;uBAbvB,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;;EAgB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WArRT,MAAM;YACL,MAAM;;;;;;kBA8RjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAsFA;AA2KA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA+DJ,iBAAS,cAAc;WA+LT,OAAO,IAA6B;;uBAdvB,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;;;EAiB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WA5RT,MAAM;YACL,MAAM;;;;;;;kBAqSjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/HeaderBar/WHeaderBar.vue.js

@@ -3,10 +3,13 @@ import _sfc_main$2 from '../Input/WInput.vue.js';
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
 import IconSearch from '../../assets/icons/sax/IconSearch.svg.js';
 import { useIsMobile } from '../../utils/mobile.js';
-import { useHeaderPadding } from './use/useHeaderPadding.js';
+import { useHeader } from './use/useHeader.js';
 
-const _hoisted_1 = { class: "fixed inset-x-0 top-0 z-10 flex h-[3.75rem] print:hidden" };
-const _hoisted_2 = { class: "text-accent flex-1 truncate text-xl font-semibold sm:text-3xl" };
+const _hoisted_1 = {
+  ref: "element",
+  class: "-h--header-height fixed inset-x-0 top-0 z-10 flex print:hidden"
+};
+const _hoisted_2 = { class: "text-accent sm:text-2.5xl flex-1 truncate text-xl font-semibold" };
 const _hoisted_3 = { class: "w-hover-circle relative" };
 const _hoisted_4 = {
   key: 0,
@@ -23,7 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { isMobile } = useIsMobile();
-    const { headerPadding } = useHeaderPadding();
+    const { headerPadding, updateHeaderHeight } = useHeader();
+    const elementRef = useTemplateRef("element");
     const inputRef = useTemplateRef("input");
     const isTransparent = ref(false);
     const isSearchVisible = ref(false);
@@ -44,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         isTransparent.value = true;
         timeout = void 0;
       }, 1500);
+      updateHeaderHeight(elementRef.value?.offsetHeight ?? 0);
     });
     onBeforeUnmount(() => {
       if (!timeout) return;
@@ -54,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(), createElementBlock("div", {
           key: unref(headerPadding),
-          class: normalizeClass(["bg-default dark:bg-default-dark supports-backdrop:backdrop-blur fixed inset-x-0 top-0 h-[calc(3.75rem+var(--header-height-padding))] print:hidden", {
+          class: normalizeClass(["bg-default dark:bg-default-dark supports-backdrop:backdrop-blur fixed inset-x-0 top-0 h-[calc(var(--header-height)+var(--header-height-padding))] print:hidden", {
             "supports-backdrop:bg-opacity-40 supports-backdrop:dark:bg-opacity-60": isTransparent.value
           }]),
           style: normalizeStyle({ "--header-height-padding": unref(headerPadding) + "px" })
@@ -123,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 512)), [
           [vShow, isSearchVisible.value || _ctx.search]
         ]) : createCommentVNode("", true)
-      ]);
+      ], 512);
     };
   }
 });

package/dist/components/HeaderBar/use/useHeader.d.ts

@@ -0,0 +1,7 @@
+export declare const useHeader: () => {
+    headerHeight: import('vue').Ref<number, number>;
+    headerPadding: import('vue').Ref<number, number>;
+    updateHeaderHeight: (value: number) => void;
+    updateHeaderPadding: (value: number) => void;
+};
+//# sourceMappingURL=useHeader.d.ts.map

package/dist/components/HeaderBar/use/useHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/use/useHeader.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;gCACe,MAAM;iCAIL,MAAM;CAU3C,CAAA"}

package/dist/components/HeaderBar/use/{useHeaderPadding.js → useHeader.js}

@@ -1,14 +1,20 @@
 import { ref } from 'vue';
 
+const headerHeight = ref(0);
 const headerPadding = ref(0);
-const useHeaderPadding = () => {
+const useHeader = () => {
+  const updateHeaderHeight = (value) => {
+    headerHeight.value = value;
+  };
   const updateHeaderPadding = (value) => {
     headerPadding.value = value;
   };
   return {
+    headerHeight,
     headerPadding,
+    updateHeaderHeight,
     updateHeaderPadding
   };
 };
 
-export { useHeaderPadding };
+export { useHeader };

package/dist/components/InfiniteList/WInfiniteListWrapper.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, watch, onUnmounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeClass, unref, normalizeProps, guardReactiveProps } from 'vue';
-import { useHeaderPadding } from '../HeaderBar/use/useHeaderPadding.js';
+import { useHeader } from '../HeaderBar/use/useHeader.js';
 import { useInfiniteListHeader } from './use/useInfiniteListHeader.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,8 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { updateHeaderPadding } = useHeaderPadding();
-    const { indicator, header, headerTop, headerHeight, isIntersecting, updateHeader } = useInfiniteListHeader(props.scrollingElement, props.initIsIntersecting);
+    const { updateHeaderPadding, headerHeight: headerElementHeight } = useHeader();
+    const { indicator, header, headerTop, headerHeight, isIntersecting, updateHeader } = useInfiniteListHeader(headerElementHeight, props.scrollingElement, props.initIsIntersecting);
     const updateHeaderHeight = () => {
       if (!isIntersecting.value && headerHeight.value) {
         updateHeader();
@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           ref_key: "header",
           ref: header,
-          class: normalizeClass(["sticky top-[var(--header-height)]", {
+          class: normalizeClass(["-top--header-height sticky", {
             "z-20": !unref(isIntersecting),
             "z-[2]": unref(isIntersecting)
           }])

package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts

@@ -1,9 +1,10 @@
-export declare const useInfiniteListHeader: (scrollingElement?: Element | null, initIsIntersecting?: boolean) => {
-    indicator: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    header: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    headerHeight: import('vue').Ref<number, number>;
-    headerTop: import('vue').Ref<number, number>;
-    isIntersecting: import('vue').Ref<boolean, boolean>;
+import { Ref } from 'vue';
+export declare const useInfiniteListHeader: (headerElementHeight: Ref<number>, scrollingElement?: Element | null, initIsIntersecting?: boolean) => {
+    indicator: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    header: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    headerHeight: Ref<number, number>;
+    headerTop: Ref<number, number>;
+    isIntersecting: Ref<boolean, boolean>;
     updateHeader: () => void;
 };
 //# sourceMappingURL=useInfiniteListHeader.d.ts.map

package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,qBAAqB,sBAAsB,OAAO,GAAG,IAAI;;;;;;;CAsDrE,CAAA"}
+{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAkC,MAAM,KAAK,CAAA;AAI7D,eAAO,MAAM,qBAAqB,wBAAyB,GAAG,CAAC,MAAM,CAAC,qBAAoB,OAAO,GAAG,IAAI;;;;;;;CA0DvG,CAAA"}

package/dist/components/InfiniteList/use/useInfiniteListHeader.js

@@ -1,13 +1,7 @@
 import { ref, onMounted, onBeforeUnmount } from 'vue';
 import { isClientSide } from '../../../utils/utils.js';
 
-const headerElementHeight = 60;
-const observerOptions = {
-  root: null,
-  rootMargin: `-${headerElementHeight}px 100% 0px 0px`,
-  threshold: 1
-};
-const useInfiniteListHeader = (scrollingElement = document.scrollingElement, initIsIntersecting = true) => {
+const useInfiniteListHeader = (headerElementHeight, scrollingElement = document.scrollingElement, initIsIntersecting = true) => {
   const indicator = ref();
   const header = ref();
   const headerHeight = ref(0);
@@ -30,13 +24,17 @@ const useInfiniteListHeader = (scrollingElement = document.scrollingElement, ini
     if (!header.value) return;
     const rect = header.value.getBoundingClientRect();
     headerHeight.value = rect.height;
-    headerTop.value = rect.top + (scrollingElement?.scrollTop ?? 0) - headerElementHeight;
+    headerTop.value = rect.top + (scrollingElement?.scrollTop ?? 0) - headerElementHeight.value;
   };
   onMounted(() => {
     if (!isClientSide) return;
     updateHeader();
     if (indicator.value) {
-      observer = new IntersectionObserver(observerCb, observerOptions);
+      observer = new IntersectionObserver(observerCb, {
+        root: null,
+        rootMargin: `-${headerElementHeight.value}px 100% 0px 0px`,
+        threshold: 1
+      });
       observer.observe(indicator.value);
     }
   });

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

@@ -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(--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-[--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
         }])
       }, [

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/main.js

@@ -92,8 +92,8 @@ 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 { PAGE_LENGTH, makeQueryPaginated, useDefaultQuery } from './utils/useDefaultQuery.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';
 export { ListMode, debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle } from './utils/utils.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/dist/utils/useDefaultQuery.d.ts

@@ -13,5 +13,8 @@ export declare const PAGE_LENGTH = 24;
 export declare const makeQueryPaginated: <Data, QueryParams extends {
     page?: number;
 }>(key: string, getter: (queryParams: QueryParams) => Data[], setter?: (data: Data[]) => void, pageLength?: number) => UseQueryPaginated<Data, QueryParams>;
+export declare const wrapUseQueryPaginated: <Data, QueryParams extends {
+    page?: number;
+}>(key: string, queryFn: UseQueryDefault<Data[]>) => UseQueryPaginated<Data, QueryParams>;
 export {};
 //# sourceMappingURL=useDefaultQuery.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDefaultQuery.d.ts","sourceRoot":"","sources":["../../src/utils/useDefaultQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAA2B,MAAM,qBAAqB,CAAA;AAGtH,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AAE9B,KAAK,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAEvD,KAAK,OAAO,CAAC,YAAY,GAAG,OAAO,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAEhI,KAAK,yBAAyB,CAAC,YAAY,GAAG,OAAO,EAAE,KAAK,GAAG,YAAY,IAAI,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG;IACnH,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,eAAe,GAC1B,YAAY,YACZ,KAAK,iBACL,SAAS,SAAS,QAAQ;;;+EACuD,yBAAyB,CAAC,YAAY,EAAE,KAAK,CAO/H,CAAA;AAED,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,kBAAkB,GAAI,IAAI,EAAE,WAAW,SAAS;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAC,OAAO,MAAM,UAAU,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,0BAA6B,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAsDvO,CAAA"}
+{"version":3,"file":"useDefaultQuery.d.ts","sourceRoot":"","sources":["../../src/utils/useDefaultQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAA2B,MAAM,qBAAqB,CAAA;AAGtH,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AAE9B,KAAK,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAEvD,KAAK,OAAO,CAAC,YAAY,GAAG,OAAO,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAEhI,KAAK,yBAAyB,CAAC,YAAY,GAAG,OAAO,EAAE,KAAK,GAAG,YAAY,IAAI,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG;IACnH,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,eAAe,GAC1B,YAAY,YACZ,KAAK,iBACL,SAAS,SAAS,QAAQ;;;+EACuD,yBAAyB,CAAC,YAAY,EAAE,KAAK,CAO/H,CAAA;AAED,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,kBAAkB,GAAI,IAAI,EAAE,WAAW,SAAS;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAC,OAAO,MAAM,UAAU,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,0BAA6B,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAsDvO,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,IAAI,EAAE,WAAW,SAAS;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAC,OAAO,MAAM,WAAW,eAAe,CAAC,IAAI,EAAE,CAAC,KAAG,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAYnK,CAAA"}

package/dist/utils/useDefaultQuery.js

@@ -1,5 +1,5 @@
 import { useQuery, useQueryClient } from '@tanstack/vue-query';
-import { unref } from 'vue';
+import { unref, watch } from 'vue';
 import { ApiError } from './api.js';
 
 const useDefaultQuery = (...args) => {
@@ -54,5 +54,15 @@ const makeQueryPaginated = (key, getter, setter, pageLength = PAGE_LENGTH) => {
     return query;
   };
 };
+const wrapUseQueryPaginated = (key, queryFn) => {
+  return (queryParams, options = {}) => {
+    const query = queryFn(options);
+    const newQuery = makeQueryPaginated(key, () => query.data.value ?? [], query.setData)(queryParams, options);
+    watch(query.data, () => {
+      newQuery.refetch();
+    });
+    return newQuery;
+  };
+};
 
-export { PAGE_LENGTH, makeQueryPaginated, useDefaultQuery };
+export { PAGE_LENGTH, makeQueryPaginated, useDefaultQuery, wrapUseQueryPaginated };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.11",
+  "version": "0.10.13",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --watch",

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'],

package/tailwind-base/plugins/default.ts

@@ -464,6 +464,7 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     {
       'w-skeleton-w': value => ({'--skeleton-width': value}),
       'w-list-card-w': value => ({'--w-list-card-width': value}),
+      'grid-cols-fill': value => ({'grid-template-columns': `repeat(auto-fill, minmax(${ value }, 1fr))`}),
     },
     {
       values: theme('width'),
@@ -490,6 +491,7 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
       'w-ripple-rounded': value => ({'--w-ripple-rounded': value}),
       'w-list-rounded': value => ({'--w-list-rounded': value}),
       'w-option-rounded': value => ({'--w-option-rounded': value}),
+      'w-modal-wrapper-rounded': value => ({'--w-modal-wrapper-rounded': value}),
     },
     {
       values: theme('borderRadius'),

package/tailwind-base/theme/sizes.ts

@@ -1,6 +1,21 @@
+const newValues = {
+  '8xl': '88rem',
+  '9xl': '96rem',
+  '10xl': '104rem',
+
+  '--header-height': 'var(--header-height)',
+  '--header-padding-bottom': 'var(--header-padding-bottom)',
+  '--nav-bar-width': 'var(--nav-bar-width)',
+  '--actions-bar-width': 'var(--actions-bar-width)',
+  '--actions-bar-inner-width': 'var(--actions-bar-inner-width)',
+  '--inner-margin': 'var(--inner-margin)',
+  '--inner-width-diff': 'var(--inner-width-diff)',
+}
+
 const extend = {
   1.25: '0.3125rem',
   6: '1.5rem',
+  8.5: '2.125rem',
   10: '2.5rem',
   11: '2.75rem',
   15: '3.75rem',
@@ -9,19 +24,17 @@ const extend = {
   30: '7.5rem',
   34: '8.5rem',
   36: '9rem',
+  112: '28rem',
+
+  ...newValues,
 }
 
 export default {
-  height: {
-    8.5: '2.125rem',
-    18: '4.5rem',
-  },
-  width: {
-    8.5: '2.125rem',
-    18: '4.5rem',
-  },
+  height: extend,
+  width: extend,
   maxWidth: extend,
   minWidth: extend,
   padding: extend,
   margin: extend,
+  inset: extend,
 }

package/dist/components/HeaderBar/use/useHeaderPadding.d.ts

@@ -1,5 +0,0 @@
-export declare const useHeaderPadding: () => {
-    headerPadding: import('vue').Ref<number, number>;
-    updateHeaderPadding: (value: number) => void;
-};
-//# sourceMappingURL=useHeaderPadding.d.ts.map

package/dist/components/HeaderBar/use/useHeaderPadding.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHeaderPadding.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/use/useHeaderPadding.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;;iCACS,MAAM;CAQ3C,CAAA"}