eco-vue-js 0.11.23 → 0.11.25

package/dist/components/Auth/WRouteAuth.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WRouteAuth.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/WRouteAuth.vue"],"names":[],"mappings":"AAGA;AAgDA,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,mBAAmB,CAAA;AAExD,KAAK,WAAW,GAAG;IACjB,iBAAiB,EAAE,iBAAiB,CAAA;CACrC,CAAC;;AA2EF,wBAOG"}
+{"version":3,"file":"WRouteAuth.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/WRouteAuth.vue"],"names":[],"mappings":"AAGA;AAkDA,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,mBAAmB,CAAA;AAExD,KAAK,WAAW,GAAG;IACjB,iBAAiB,EAAE,iBAAiB,CAAA;CACrC,CAAC;;AA2EF,wBAOG"}

package/dist/components/Auth/WRouteAuth.vue.js

@@ -1,5 +1,6 @@
 import { defineComponent, watch, onBeforeUnmount, createBlock, openBlock, unref } from 'vue';
-import { useRouter, useRoute, RouterView } from 'vue-router';
+import { RouterView } from 'vue-router';
+import { useOptionalRouter, useOptionalRoute } from '../../composables/useOptionalRouter.js';
 import '@tanstack/vue-query';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -9,8 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const router = useRouter();
-    const route = useRoute();
+    const router = useOptionalRouter();
+    const route = useOptionalRoute();
     const redirect = () => {
       router.push({ name: props.apiClientInstance.routeNameAuthNo, query: route.fullPath !== "/" ? { hash: route.fullPath } : void 0 });
     };

package/dist/components/Auth/WRouteAuthNo.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WRouteAuthNo.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/WRouteAuthNo.vue"],"names":[],"mappings":"AAGA;AA6DA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAA;AAMxD,KAAK,WAAW,GAAG;IACjB,iBAAiB,EAAE,iBAAiB,CAAA;CACrC,CAAC;;AAyFF,wBAOG"}
+{"version":3,"file":"WRouteAuthNo.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/WRouteAuthNo.vue"],"names":[],"mappings":"AAGA;AA8DA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAA;AAOxD,KAAK,WAAW,GAAG;IACjB,iBAAiB,EAAE,iBAAiB,CAAA;CACrC,CAAC;;AAyFF,wBAOG"}

package/dist/components/Auth/WRouteAuthNo.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, onBeforeMount, onBeforeUnmount, resolveComponent, createBlock, openBlock } from 'vue';
 import { useQueryClient } from '@tanstack/vue-query';
-import { useRouter, useRoute } from 'vue-router';
+import { useOptionalRouter, useOptionalRoute } from '../../composables/useOptionalRouter.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WRouteAuthNo",
@@ -9,8 +9,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const router = useRouter();
-    const route = useRoute();
+    const router = useOptionalRouter();
+    const route = useOptionalRoute();
     const queryClient = useQueryClient();
     const queryEnabled = ref(false);
     const redirect = async () => {

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

@@ -21,12 +21,12 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
 }>, {
     skeleton: boolean;
     type: string;
+    href: string;
     to: import('vue-router').RouterLinkProps["to"];
+    target: "_self" | "_blank" | "_parent" | "_top";
     tag: "a" | "button";
     semanticType: SemanticType;
     disabled: boolean;
-    target: "_self" | "_blank" | "_parent" | "_top";
-    href: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     container: unknown;
 }, any>;

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

@@ -1,11 +1,11 @@
 import { defineComponent, useTemplateRef, computed, watch, nextTick, onMounted, createBlock, unref, openBlock, withCtx, createElementVNode, renderSlot, resolveDynamicComponent, mergeProps, withKeys, withModifiers, createVNode, createCommentVNode, normalizeClass, Transition } from 'vue';
-import { RouterLink } from 'vue-router';
-import _sfc_main$2 from '../Shine/WShine.vue.js';
+import _sfc_main$2 from '../RouterLink/WRouterLink.vue.js';
+import _sfc_main$4 from '../Shine/WShine.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';
-import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
+import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
 import { SemanticType, useSemanticTypeBorderMap, useSemanticTypeBackgroundMap } from '../../utils/SemanticType.js';
 import { useComponentStatesButton } from '../../utils/useComponentStates.js';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$1 from '../Skeleton/WSkeleton.vue.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 
 const _hoisted_1 = { class: "flex gap-2 px-[--w-button-rounded,1rem] font-medium opacity-0" };
@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.autofocus) autofocusDebounced();
     });
     return (_ctx, _cache) => {
-      return unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, {
+      return unref(isSkeleton) ? (openBlock(), createBlock(_sfc_main$1, {
         key: 0,
         class: "w-skeleton-rounded-[--w-button-rounded,1rem] w-skeleton-w-max -w-skeleton-h--button-height"
       }, {
@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 3
-      })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? unref(isDisabled) ? "a" : unref(RouterLink) : _ctx.tag), mergeProps({ key: 1 }, {
+      })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? unref(isDisabled) ? "a" : _sfc_main$2 : _ctx.tag), mergeProps({ key: 1 }, {
         class: _ctx.$attrs.class,
         style: _ctx.$attrs.style,
         ...unref(isDisabled) ? {} : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : {}
@@ -127,11 +127,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$1, {
+          _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$3, {
             key: 0,
             text: _ctx.tooltipText
           }, null, 8, ["text"])) : createCommentVNode("", true),
-          !unref(isDisabled) && !_ctx.loading ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true)
+          !unref(isDisabled) && !_ctx.loading ? (openBlock(), createBlock(_sfc_main$4, { key: 1 })) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["class", "disabled", "download", "type", "onKeypress"]));

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAsEA;AAAA,OAyHO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAU5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAuCD,iBAAS,cAAc;WAqJT,OAAO,IAA6B;;sBAVvB,GAAG;;;;EAe7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cAvNR,OAAO;WAHV,MAAM;;UAJP,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;cAChB,OAAO;iBAEJ,MAAM;6EA+NpB,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":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAsEA;AAAA,OAwHO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAS5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAuCD,iBAAS,cAAc;WAqJT,OAAO,IAA6B;;sBAVvB,GAAG;;;;EAe7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cAvNR,OAAO;WAHV,MAAM;;UAJP,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;cAChB,OAAO;iBAEJ,MAAM;6EA+NpB,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/Button/WButtonAction.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, normalizeClass, withDirectives, renderSlot, vShow, Fragment, createTextVNode, toDisplayString } from 'vue';
-import { RouterLink } from 'vue-router';
-import _sfc_main$1 from '../Counter/WCounter.vue.js';
-import _sfc_main$2 from '../Shine/WShine.vue.js';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
-import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, createCommentVNode, normalizeClass, unref, withDirectives, renderSlot, vShow, Fragment, createTextVNode, toDisplayString } from 'vue';
+import _sfc_main$3 from '../Counter/WCounter.vue.js';
+import _sfc_main$1 from '../RouterLink/WRouterLink.vue.js';
+import _sfc_main$4 from '../Shine/WShine.vue.js';
+import _sfc_main$2 from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$5 from '../Tooltip/WTooltip.vue.js';
 import { useIsBackdrop } from '../Modal/use/useIsBackdrop.js';
 import { SemanticType, useSemanticTypeBackgroundMap } from '../../utils/SemanticType.js';
 
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
     const isBackdrop = useIsBackdrop();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? _ctx.disabled || _ctx.skeleton ? "a" : unref(RouterLink) : _ctx.tag), mergeProps(_ctx.to !== void 0 && !_ctx.disabled && !_ctx.skeleton ? { to: _ctx.to } : void 0, {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? _ctx.disabled || _ctx.skeleton ? "a" : _sfc_main$1 : _ctx.tag), mergeProps(_ctx.to !== void 0 && !_ctx.disabled && !_ctx.skeleton ? { to: _ctx.to } : void 0, {
         class: ["w-ripple-trigger group grid w-full grid-cols-1 py-1", {
           "cursor-not-allowed opacity-50": _ctx.disabled,
           "cursor-progress": _ctx.skeleton
@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && !_ctx.skeleton && _ctx.$emit("click", $event))
       }), {
         default: withCtx(() => [
-          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+          _ctx.skeleton ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
             class: "w-skeleton-w-auto w-skeleton-h-auto w-skeleton-rounded-full mx-1 aspect-square"
           })) : (openBlock(), createElementBlock("div", {
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               [unref(semanticTypeBackgroundMap)[_ctx.semanticType]]: true
             }])
           }, [
-            _ctx.count !== void 0 ? withDirectives((openBlock(), createBlock(_sfc_main$1, {
+            _ctx.count !== void 0 ? withDirectives((openBlock(), createBlock(_sfc_main$3, {
               key: 0,
               class: "absolute left-0 top-0 text-xs",
               count: _ctx.count,
@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }])
               }, null, 8, ["class"])) : createCommentVNode("", true)
             ]),
-            !_ctx.disabled && !unref(isBackdrop) ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true)
+            !_ctx.disabled && !unref(isBackdrop) ? (openBlock(), createBlock(_sfc_main$4, { key: 1 })) : createCommentVNode("", true)
           ], 2)),
           _ctx.titleText ? (openBlock(), createElementBlock("div", {
             key: 2,
@@ -71,11 +71,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "self-center": !_ctx.skeleton
             }])
           }, [
-            _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.skeleton ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createTextVNode(toDisplayString(_ctx.title), 1)
             ], 64))
           ], 2)) : createCommentVNode("", true),
-          _ctx.tooltipText || !_ctx.titleText && _ctx.title ? (openBlock(), createBlock(_sfc_main$3, {
+          _ctx.tooltipText || !_ctx.titleText && _ctx.title ? (openBlock(), createBlock(_sfc_main$5, {
             key: 3,
             text: _ctx.tooltipText ?? (_ctx.titleText ? void 0 : _ctx.title),
             left: ""

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AAyCA;AAiEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAQ5C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,YAAY,CAAA;IAClB,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;AAoIF,wBAOG"}
+{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AAyCA;AAgEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,YAAY,CAAA;IAClB,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;AAoIF,wBAOG"}

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

@@ -1,8 +1,8 @@
-import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withModifiers, withCtx, createCommentVNode } from 'vue';
-import { RouterLink } from 'vue-router';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, mergeProps, withModifiers, withCtx, createCommentVNode } from 'vue';
+import _sfc_main$2 from '../RouterLink/WRouterLink.vue.js';
+import _sfc_main$1 from '../Skeleton/WSkeleton.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';
-import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
+import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonInput",
@@ -17,10 +17,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+      return _ctx.skeleton ? (openBlock(), createBlock(_sfc_main$1, {
         key: 0,
         class: "-square--w-input-height w-skeleton-rounded-[--w-input-rounded,0.75rem]"
-      })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? unref(RouterLink) : "button"), mergeProps({ key: 1 }, _ctx.to ? { to: _ctx.to } : void 0, {
+      })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? _sfc_main$2 : "button"), mergeProps({ key: 1 }, _ctx.to ? { to: _ctx.to } : void 0, {
         class: ["-square--w-input-height bg-default dark:bg-default-dark relative flex select-none items-center justify-center rounded-[--w-input-rounded,0.75rem] border border-solid border-gray-200 dark:border-gray-800", {
           "cursor-not-allowed opacity-50": _ctx.disabled,
           "w-ripple w-ripple-hover cursor-pointer": !_ctx.disabled,
@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 1,
             class: "square-[1.125em]"
           })),
-          _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$1, {
+          _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$3, {
             key: 2,
             text: _ctx.tooltipText,
             "no-touch": ""

package/dist/components/Chart/WChartLinear.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, useTemplateRef, computed, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, renderSlot } from 'vue';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$1 from '../Skeleton/WSkeleton.vue.js';
 import { DOMListenerContainer } from '../../utils/DOMListenerContainer.js';
 import { dateFormat } from '../../utils/dateTime.js';
 import { useComponentStatesSkeleton } from '../../utils/useComponentStates.js';
-import _sfc_main$1 from './components/ChartAxis.vue.js';
+import _sfc_main$2 from './components/ChartAxis.vue.js';
 
 const _hoisted_1 = ["height", "width"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -81,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "size-full cursor-progress": unref(isSkeleton)
         })
       }, [
-        unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, {
+        unref(isSkeleton) ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
           class: "w-skeleton-w-full w-skeleton-h-full w-skeleton-rounded-2xl"
         })) : svgWidth.value !== 0 && svgHeight.value !== 0 ? (openBlock(), createElementBlock("svg", {
@@ -90,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: svgWidth.value,
           class: "min-w-0"
         }, [
-          !_ctx.xHidden ? (openBlock(), createBlock(_sfc_main$1, {
+          !_ctx.xHidden ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
             orientation: "x",
             scale: scaleX,
@@ -98,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             domain: xExtent.value,
             transform: `translate(0, ${svgHeight.value - _ctx.bottom})`
           }, null, 8, ["format", "domain", "transform"])) : createCommentVNode("", true),
-          !_ctx.yHidden ? (openBlock(), createBlock(_sfc_main$1, {
+          !_ctx.yHidden ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,
             orientation: "y",
             scale: scaleY,

package/dist/components/Chip/WChip.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, createElementBlock, unref, openBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$1 from '../Skeleton/WSkeleton.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import { useComponentStatesSkeleton } from '../../utils/useComponentStates.js';
 
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       [SemanticType.INFO]: "text-info dark:text-info-dark"
     };
     return (_ctx, _cache) => {
-      return unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, {
+      return unref(isSkeleton) ? (openBlock(), createBlock(_sfc_main$1, {
         key: 0,
         class: "w-skeleton-h-5 max-w-28"
       })) : (openBlock(), createElementBlock("div", {

package/dist/components/FieldWrapper/WFieldWrapper.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, useId, useTemplateRef, ref, computed, inject, onBeforeUnmount, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createElementVNode, createBlock, normalizeClass, unref, Fragment, createVNode, createTextVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx, normalizeProps, guardReactiveProps, withDirectives, vShow } from 'vue';
-import _sfc_main$2 from '../Button/WButtonCopy.vue.js';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
-import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
+import _sfc_main$3 from '../Button/WButtonCopy.vue.js';
+import _sfc_main$2 from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$4 from '../Tooltip/WTooltip.vue.js';
 import { encodeQueryParam } from '../../utils/api.js';
 import { useComponentStates } from '../../utils/useComponentStates.js';
 import { numberFormatter } from '../../utils/utils.js';
@@ -138,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "encoded-query-param": encodedQueryParam.value,
               class: "absolute top-0.5 ml-2"
             }, null, 8, ["filter-field", "encoded-query-param"])) : createCommentVNode("", true)
-          ], 64)) : (openBlock(), createBlock(WSkeleton, { key: 1 }))
+          ], 64)) : (openBlock(), createBlock(_sfc_main$2, { key: 1 }))
         ], 10, _hoisted_1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "subtitle"),
         createElementVNode("div", {
@@ -167,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ id: unref(id), setFocused, focused: focused.value })), () => [
                   createTextVNode(toDisplayString(typeof _ctx.modelValue === "number" ? unref(numberFormatter).format(_ctx.modelValue) : _ctx.modelValue === null ? _ctx.emptyValue ?? "N / A" : _ctx.modelValue || _ctx.emptyValue), 1)
                 ]),
-                _ctx.allowCopy && _ctx.modelValue ? (openBlock(), createBlock(_sfc_main$2, {
+                _ctx.allowCopy && _ctx.modelValue ? (openBlock(), createBlock(_sfc_main$3, {
                   key: 0,
                   value: `${_ctx.modelValue}`,
                   class: "ml-2"
@@ -210,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })
-          ], 2)) : (openBlock(), createBlock(WSkeleton, {
+          ], 2)) : (openBlock(), createBlock(_sfc_main$2, {
             key: 1,
             class: "w-skeleton-w-full w-skeleton-rounded-[--w-input-rounded,0.75rem] w-skeleton-h-[--w-input-height,2.75rem]"
           })),
@@ -233,11 +233,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "pt-4": !_ctx.subgrid
           }])
         }, [
-          unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          unref(isSkeleton) ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(toDisplayString(_ctx.description), 1)
           ], 64))
         ], 2)) : createCommentVNode("", true),
-        _ctx.tooltipText && !unref(isSkeleton) && !unref(isReadonly) ? (openBlock(), createBlock(_sfc_main$3, {
+        _ctx.tooltipText && !unref(isSkeleton) && !unref(isReadonly) ? (openBlock(), createBlock(_sfc_main$4, {
           key: 2,
           text: _ctx.tooltipText
         }, null, 8, ["text"])) : createCommentVNode("", true)

package/dist/components/FilePicker/WFilePicker.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent, useTemplateRef, ref, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, createBlock, unref, Fragment, renderSlot, createTextVNode, toDisplayString, withModifiers, withCtx, renderList, Transition } from 'vue';
-import _sfc_main$3 from '../Button/WButton.vue.js';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$4 from '../Button/WButton.vue.js';
+import _sfc_main$1 from '../Skeleton/WSkeleton.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import { useComponentStates } from '../../utils/useComponentStates.js';
 import { isClientSide } from '../../utils/utils.js';
-import _sfc_main$2 from './components/FilePickerItem.vue.js';
-import _sfc_main$1 from './components/FilePickerSvg.vue.js';
+import _sfc_main$3 from './components/FilePickerItem.vue.js';
+import _sfc_main$2 from './components/FilePickerSvg.vue.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 
 const _hoisted_1 = { class: "relative mb-6" };
@@ -107,7 +107,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(_ctx.title), 1)
             ]),
             _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3, " * ")) : createCommentVNode("", true)
-          ], 64)) : (openBlock(), createBlock(WSkeleton, {
+          ], 64)) : (openBlock(), createBlock(_sfc_main$1, {
             key: 1,
             class: "w-skeleton-h-4 w-skeleton-w-16"
           }))
@@ -130,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             accept: _ctx.accept,
             onChange: updateModelValue
           }, null, 40, _hoisted_4)) : createCommentVNode("", true),
-          containerWidth.value && containerHeight.value ? (openBlock(), createBlock(_sfc_main$1, {
+          containerWidth.value && containerHeight.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,
             "svg-width": containerWidth.value,
             "svg-height": containerHeight.value,
@@ -139,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "absolute left-0 top-0"
           }, null, 8, ["svg-width", "svg-height", "is-active", "has-error"])) : createCommentVNode("", true),
           _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            createVNode(_sfc_main$2, {
+            createVNode(_sfc_main$3, {
               name: _ctx.placeholder,
               "has-error": !!_ctx.errorMessage,
               "onClick:cancel": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear:placeholder"))
@@ -155,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])) : _ctx.modelValue.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
             _cache[7] || (_cache[7] = createElementVNode("div", { class: "mt-16 font-semibold" }, " Drag and drop files here ", -1)),
             _cache[8] || (_cache[8] = createElementVNode("div", { class: "mt-4 font-normal" }, " or ", -1)),
-            createVNode(_sfc_main$3, {
+            createVNode(_sfc_main$4, {
               "semantic-type": unref(SemanticType).PRIMARY,
               disabled: unref(isReadonly) || unref(isDisabled),
               class: "mt-4",
@@ -169,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
             createElementVNode("div", _hoisted_8, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.modelValue, (file, index) => {
-                return openBlock(), createBlock(_sfc_main$2, {
+                return openBlock(), createBlock(_sfc_main$3, {
                   key: index,
                   name: file.name,
                   "has-error": !!_ctx.errorMessage,

package/dist/components/FilterWrapper/WFilterWrapper.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, onUnmounted, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, unref, renderSlot, createVNode, withCtx, createTextVNode } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
 import _sfc_main$1 from '../Button/WButton.vue.js';
 import IconFilterRemove from '../../assets/icons/IconFilterRemove.svg.js';
+import { useOptionalRoute, useOptionalRouter } from '../../composables/useOptionalRouter.js';
 import { Modal } from '../../utils/Modal.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import { throttle } from '../../utils/utils.js';
@@ -17,8 +17,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const route = useRoute();
-    const router = useRouter();
+    const route = useOptionalRoute();
+    const router = useOptionalRouter();
     const selectedIndex = ref(null);
     const hasChangesMap = ref({});
     const changesCount = computed(() => Object.values(hasChangesMap.value).filter((item) => item).length);

package/dist/components/ImageViewer/WImageViewer.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, defineAsyncComponent, createElementBlock, openBlock, createCommentVNode, createBlock, Fragment, createTextVNode, toDisplayString, normalizeStyle, createElementVNode, markRaw } from 'vue';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$1 from '../Skeleton/WSkeleton.vue.js';
 import { Modal } from '../../utils/Modal.js';
 
 const _hoisted_1 = {
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
           !_ctx.skeleton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createTextVNode(toDisplayString(_ctx.title), 1)
-          ], 64)) : (openBlock(), createBlock(WSkeleton, { key: 1 }))
+          ], 64)) : (openBlock(), createBlock(_sfc_main$1, { key: 1 }))
         ])) : createCommentVNode("", true),
         !_ctx.skeleton && _ctx.modelValue ? (openBlock(), createElementBlock("button", {
           key: 1,
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[0] || (_cache[0] = createElementVNode("div", { class: "text-default font-roboto relative z-10 font-extrabold tracking-widest" }, " VIEW ", -1)),
             createElementVNode("div", _hoisted_3, toDisplayString(_ctx.modelValue.substring(_ctx.modelValue.lastIndexOf("/") + 1)), 1)
           ])
-        ], 4)) : (openBlock(), createBlock(WSkeleton, {
+        ], 4)) : (openBlock(), createBlock(_sfc_main$1, {
           key: 2,
           class: "w-skeleton-w-40 w-skeleton-h-28 w-skeleton-rounded-lg"
         }))

package/dist/components/InfiniteList/components/InfiniteListPageTitle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPageTitle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPageTitle.vue"],"names":[],"mappings":"AAUA;yBAuCiB,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAsFO,mBAAmB,CAAC;;;qBApFb,WAAW;mBAoFoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAjFL,iBAAiB,SAAS,OAAO,KAAG,IAAI;EAqF1C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAjGzE,wBAiG4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InfiniteListPageTitle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPageTitle.vue"],"names":[],"mappings":"AAUA;yBAyCiB,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAsFO,mBAAmB,CAAC;;;qBApFb,WAAW;mBAoFoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAjFL,iBAAiB,SAAS,OAAO,KAAG,IAAI;EAqF1C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAjGzE,wBAiG4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,5 +1,6 @@
 import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import 'vue-router';
+import { useOptionalRoute, useOptionalRouter } from '../../../composables/useOptionalRouter.js';
 import { Notify } from '../../../utils/Notify.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,8 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:selected"],
   setup(__props) {
     const props = __props;
-    const route = useRoute();
-    const router = useRouter();
+    const route = useOptionalRoute();
+    const router = useOptionalRouter();
     const copyRoute = () => {
       navigator.clipboard.writeText(location.origin + router.resolve({ query: props.queryParams, hash: route.hash }).href).then(() => Notify.success({ title: "Page url copied" }));
     };

package/dist/components/Link/WLink.vue.d.ts

@@ -18,11 +18,11 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     text: string;
+    href: string;
     to: import('vue-router').RouterLinkProps["to"];
+    target: "_self" | "_blank" | "_parent" | "_top";
     icon: SVGComponent;
     semanticType: SemanticType;
-    target: "_self" | "_blank" | "_parent" | "_top";
-    href: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Link/WLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/WLink.vue"],"names":[],"mappings":"AAcA;AAiDA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,OAAO,EAAC,YAAY,EAAiD,MAAM,sBAAsB,CAAA;AAEjG,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AA4BD,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAlGZ,MAAM;;UAEN,YAAY;kBADJ,YAAY;YAFlB,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;UADzC,MAAM;6EA4Gb,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":"WLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/WLink.vue"],"names":[],"mappings":"AAcA;AAiDA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,OAAO,EAAC,YAAY,EAAiD,MAAM,sBAAsB,CAAA;AAEjG,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AA4BD,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAlGZ,MAAM;UAFN,MAAM;;YACJ,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;UAGzC,YAAY;kBADJ,YAAY;6EAyG3B,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/Link/WLink.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot, normalizeClass, createTextVNode, toDisplayString } from 'vue';
-import { RouterLink } from 'vue-router';
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot, normalizeClass, createTextVNode, toDisplayString } from 'vue';
+import _sfc_main$1 from '../RouterLink/WRouterLink.vue.js';
 import IconLink from '../../assets/icons/IconLink.svg.js';
 import { SemanticType, useSemanticTypeTextMap, useSemanticTypeChipMap } from '../../utils/SemanticType.js';
 
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const semanticTypeChipMap = useSemanticTypeChipMap();
     const semanticTypeTextMap = useSemanticTypeTextMap();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? unref(RouterLink) : "a"), mergeProps(!_ctx.to ? { target: _ctx.target, href: _ctx.href } : { to: _ctx.to }, {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? _sfc_main$1 : "a"), mergeProps(!_ctx.to ? { target: _ctx.target, href: _ctx.href } : { to: _ctx.to }, {
         class: ["cursor-pointer overflow-hidden truncate whitespace-normal font-normal no-underline hover:underline", unref(semanticTypeTextMap)[_ctx.semanticType]]
       }), {
         default: withCtx(() => [

package/dist/components/Link/WLinkArrow.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from 'vue';
-import { RouterLink } from 'vue-router';
+import { defineComponent, createBlock, openBlock, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, unref } from 'vue';
+import _sfc_main$1 from '../RouterLink/WRouterLink.vue.js';
 import IconBack from '../../assets/icons/IconBack.svg.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RouterLink), {
+      return openBlock(), createBlock(_sfc_main$1, {
         to: _ctx.to,
         class: "text-description hover:text-primary dark:hover:text-primary-dark flex cursor-pointer select-none items-center gap-2 self-end py-2 font-normal no-underline"
       }, {

package/dist/components/List/WListCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAoMA;AAyRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAmDF,iBAAS,cAAc;WA0YT,OAAO,IAA6B;;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA3GlC,GACD,8CACS,GAAG,yBAAyB,GAAG,6DACnB,GAAG;;;;;;;;;;;;;;;;;;EA2HvB;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA5JpB,GACD,8CACS,GAAG,yBAAyB,GAAG,6DACnB,GAAG;;;;;;;;;;;;;;;;OAiKtB,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":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAoMA;AAyRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAmDF,iBAAS,cAAc;WA0YT,OAAO,IAA6B;;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA7GjB,GAAG,8CACM,GAAG,yBAEf,GAAG,6DACF,GAAG;;;;;;;;;;;;;;;;;;EA4HlB;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA9JH,GAAG,8CACM,GAAG,yBAEf,GAAG,6DACF,GAAG;;;;;;;;;;;;;;;;OAkKjB,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/List/WListCard.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent, useTemplateRef, ref, computed, createElementBlock, openBlock, Fragment, createElementVNode, createCommentVNode, mergeProps, createVNode, createBlock, Transition, withCtx, normalizeClass, resolveDynamicComponent, renderSlot, normalizeStyle, unref, normalizeProps, guardReactiveProps, markRaw } from 'vue';
-import { RouterLink } from 'vue-router';
-import _sfc_main$4 from '../Button/WButtonMore.vue.js';
-import _sfc_main$5 from '../Button/WButtonMoreItem.vue.js';
+import _sfc_main$5 from '../Button/WButtonMore.vue.js';
+import _sfc_main$6 from '../Button/WButtonMoreItem.vue.js';
 import _sfc_main$1 from '../Checkbox/WCheckbox.vue.js';
 import _sfc_main$2 from '../Form/WForm.vue.js';
+import _sfc_main$4 from '../RouterLink/WRouterLink.vue.js';
 import IconAddCircle from '../../assets/icons/IconAddCircle.svg.js';
 import IconMinusCircle from '../../assets/icons/IconMinusCircle.svg.js';
 import _sfc_main$3 from './components/ListCardAction.vue.js';
@@ -148,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ toggle, isOpen: isOpen.value, validate, beforeClass: beforeClass.value }))),
               isActionShown.value ? (openBlock(), createBlock(_sfc_main$3, mergeProps(
                 { key: 1 },
-                _ctx.allowSelectHover ? { tag: "button", card: _ctx.card, onClick: () => _ctx.$emit("toggle:selected") } : _ctx.hasAction ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: () => _ctx.$emit("click:action") } : _ctx.to ? { tag: markRaw(unref(RouterLink)), card: _ctx.card, class: "z-[-1]", props: { to: _ctx.to } } : _ctx.allowOpen ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle } : { tag: "div", card: _ctx.card, class: "z-[-1]" },
+                _ctx.allowSelectHover ? { tag: "button", card: _ctx.card, onClick: () => _ctx.$emit("toggle:selected") } : _ctx.hasAction ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: () => _ctx.$emit("click:action") } : _ctx.to ? { tag: markRaw(_sfc_main$4), card: _ctx.card, class: "z-[-1]", props: { to: _ctx.to } } : _ctx.allowOpen ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle } : { tag: "div", card: _ctx.card, class: "z-[-1]" },
                 {
                   class: {
                     "before:text-primary dark:before:text-primary-dark": _ctx.allowSelectHover || _ctx.selected || unref(moreRef)?.isOpen,
@@ -157,7 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "opacity-class": _ctx.allowSelectHover || _ctx.selected || unref(moreRef)?.isOpen ? "w-ripple-opacity-15" : void 0
                 }
               ), null, 16, ["class", "opacity-class"])) : createCommentVNode("", true),
-              _ctx.card && _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
+              _ctx.card && _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$5, {
                 key: 2,
                 ref: "more",
                 class: "-p--inner-margin -my---inner-margin -mr---inner-margin flex items-center",
@@ -167,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClose: _cache[3] || (_cache[3] = ($event) => position.value = null)
               }, {
                 default: withCtx(() => [
-                  _ctx.allowSelect ? (openBlock(), createBlock(_sfc_main$5, {
+                  _ctx.allowSelect ? (openBlock(), createBlock(_sfc_main$6, {
                     key: 0,
                     text: _ctx.selected ? "Unselect" : "Select",
                     icon: _ctx.selected ? markRaw(unref(IconMinusCircle)) : markRaw(unref(IconAddCircle)),
@@ -198,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ...beforeClass.value
               }])
             }, [
-              _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
+              _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$5, {
                 key: 0,
                 ref: "more",
                 class: normalizeClass(["flex h-full px-[--w-list-padding,1rem]", {

package/dist/components/List/WListCardField.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, renderSlot, createElementVNode, createTextVNode, toDisplayString } from 'vue';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$1 from '../Skeleton/WSkeleton.vue.js';
 
 const _hoisted_1 = { class: "truncate" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "pointer-events-none": _ctx.allowOpen
         }])
       }, [
-        _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
+        _ctx.skeleton ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
           createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "inner", {}, () => [
               createTextVNode(toDisplayString(_ctx.modelValue), 1)