eco-vue-js 0.10.32 → 0.10.33

package/dist/components/Checkbox/WCheckbox.vue.js

@@ -48,13 +48,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["square-[1.5em] bg-default dark:bg-default-dark relative isolate flex items-center justify-center border border-solid [font-size:--w-checkbox-size]", {
             "text-default dark:text-default-dark": _ctx.modelValue && !_ctx.disabled,
-            "text-primary-default dark:text-primary-dark": !_ctx.modelValue && !_ctx.disabled,
+            "text-primary dark:text-primary-dark": !_ctx.modelValue && !_ctx.disabled,
             "text-gray-300 dark:text-gray-700": !_ctx.modelValue && _ctx.disabled,
             "w-ripple w-hover-circle before:text-accent after:text-accent": !_ctx.disabled && !_ctx.readonly,
             "rounded-full": _ctx.radio,
             "rounded-md": !_ctx.radio,
             "border-gray-300 dark:border-gray-700": _ctx.disabled,
-            "border-primary-default dark:border-primary-dark": !_ctx.disabled
+            "border-primary dark:border-primary-dark": !_ctx.disabled
           }]),
           onKeypress: withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"])
         }, [
@@ -71,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "scale-[0.66] rounded": !_ctx.radio && _ctx.intermediate && _ctx.modelValue === null,
                   "scale-[0.66] rounded-full": _ctx.radio && !(_ctx.intermediate && _ctx.modelValue === null),
                   "rounded": !_ctx.radio && !(_ctx.intermediate && _ctx.modelValue === null),
-                  "bg-primary-default dark:bg-primary-dark": !_ctx.disabled,
+                  "bg-primary dark:bg-primary-dark": !_ctx.disabled,
                   "bg-gray-300 dark:bg-gray-700": _ctx.disabled
                 }])
               }, null, 2), [

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

@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const classMap = {
-      [SemanticType.PRIMARY]: "text-primary-default dark:text-primary-dark",
+      [SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
       [SemanticType.SECONDARY]: "text-description",
       [SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
       [SemanticType.NEGARIVE]: "text-negative dark:text-negative-dark",

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

@@ -70,8 +70,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         withDirectives(createElementVNode("div", {
           class: normalizeClass(["absolute h-9 opacity-50", {
-            "border-primary-default border-y border-solid": _ctx.isHoverEnabled && !isDisabled.value,
-            "bg-primary-default dark:bg-primary-dark": !_ctx.isHoverEnabled && !isDisabled.value,
+            "border-primary border-y border-solid": _ctx.isHoverEnabled && !isDisabled.value,
+            "bg-primary dark:bg-primary-dark": !_ctx.isHoverEnabled && !isDisabled.value,
             "bg-gray-200 dark:bg-gray-700": isDisabled.value,
             "w-full": isBetweenRange.value || isDisabled.value,
             "left-1/2 w-1/2": isFrom.value && !isTo.value,
@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["square-9 relative flex items-center justify-center rounded-full", {
             "w-ripple w-ripple-hover": !isDisabled.value,
             "opacity-50": isDisabled.value,
-            "bg-primary-default dark:bg-primary-dark font-semibold": isSelected.value
+            "bg-primary dark:bg-primary-dark font-semibold": isSelected.value
           }])
         }, [
           createElementVNode("div", _hoisted_1, toDisplayString(_ctx.startOfDay.getDate()), 1)

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

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
-          class: "square-8 w-ripple hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative mr-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
+          class: "square-8 w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative mr-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:previous"))
         }, [
           createVNode(unref(IconArrow), { class: "-ml-1 rotate-90" })
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })
         ]),
         createElementVNode("div", {
-          class: "square-8 w-ripple hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative ml-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
+          class: "square-8 w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative ml-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:next"))
         }, [
           createVNode(unref(IconArrow), { class: "-mr-1 -rotate-90" })

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAkBA;AAmIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAsH1C,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;;;;;;;YAXrB,GAAG;;;;;;EAgB/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,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":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAqBA;AA0IA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AA0H1C,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;;;;;;;YAXrB,GAAG;;;;;;EAgB/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,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/Dropdown/WDropdown.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, renderSlot, mergeProps } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, unref, renderSlot, mergeProps } from 'vue';
 import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
+import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
-import { horizontalGetterOrderMap, searchStyleGetter } from './utils/DropdownStyle.js';
+import { horizontalGetterOrderMap, searchStyleGetter, LeftCenter } from './utils/DropdownStyle.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdown",
@@ -22,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let horizontalGetter = null;
     let verticalGetter = null;
     const isTop = ref(false);
+    const isLeftCenter = ref(false);
     const widthStyle = ref({});
     const heightStyle = ref({});
     const horizontalStyle = ref({});
@@ -41,6 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const isTopChanged = newRect.top !== parentRect?.top || newRect.bottom !== parentRect?.bottom;
       if (!horizontalGetter || isLeftChanged && (props.updateAlign || updateAlign)) {
         horizontalGetter = searchStyleGetter(order.value, newRect, props.maxWidth);
+        isLeftCenter.value = horizontalGetter instanceof LeftCenter;
         if (updateSize) widthStyle.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
       }
       if (!verticalGetter || isTopChanged && (props.updateAlign || updateAlign)) {
@@ -90,8 +93,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref: "dropdown",
         style: normalizeStyle(styles.value),
-        class: normalizeClass(["group/dropdown fixed h-auto", {
-          "dropdown-top": isTop.value
+        class: normalizeClass(["group/dropdown fixed grid h-auto", {
+          "dropdown-top": isTop.value,
+          "content-center": _ctx.horizontalAlign === unref(HorizontalAlign).LEFT_CENTER || _ctx.horizontalAlign === unref(HorizontalAlign).RIGHT_CENTER,
+          "justify-end": isLeftCenter.value,
+          "justify-center": _ctx.horizontalAlign === unref(HorizontalAlign).CENTER
         }])
       }, [
         renderSlot(_ctx.$slots, "default", mergeProps({ isTop: isTop.value }, {

package/dist/components/Dropdown/utils/DropdownStyle.d.ts

@@ -9,12 +9,46 @@ export declare abstract class VerticalGetter implements StyleGetter {
     abstract marginGetter(parentRect: DOMRect, maxHeight: number): number;
     heightStyleGetter(parentRect: DOMRect, maxHeight: number): Record<string, string>;
 }
+declare class BottomInner extends VerticalGetter {
+    isTop: boolean;
+    styleGetter(parentRect: DOMRect): {
+        top: string;
+    };
+    marginGetter(parentRect: DOMRect, maxHeight: number): number;
+}
+declare class VerticalCenter extends VerticalGetter {
+    isTop: boolean;
+    styleGetter(parentRect: DOMRect): {
+        top: string;
+    };
+    marginGetter(): number;
+    heightStyleGetter(): {
+        height: string;
+    };
+}
+declare class TopInner extends VerticalGetter {
+    isTop: boolean;
+    styleGetter(parentRect: DOMRect): {
+        bottom: string;
+    };
+    marginGetter(parentRect: DOMRect, maxHeight: number): number;
+}
 export declare abstract class HorizontalGetter implements StyleGetter {
     abstract verticalGetterOrder: Array<VerticalGetter>;
     abstract styleGetter(parentRect: DOMRect): Record<string, string>;
     abstract marginGetter(parentRect: DOMRect, maxWidth: number): number;
     widthStyleGetter(parentRect: DOMRect, maxWidth: number): Record<string, string>;
 }
+declare class LeftOuter extends HorizontalGetter {
+    verticalGetterOrder: (BottomInner | TopInner)[];
+    styleGetter(parentRect: DOMRect): {
+        right: string;
+    };
+    marginGetter(parentRect: DOMRect, maxWidth: number): number;
+}
+export declare class LeftCenter extends LeftOuter {
+    verticalGetterOrder: VerticalCenter[];
+}
 export declare const horizontalGetterOrderMap: Record<HorizontalAlign, HorizontalGetter[]>;
 export declare function searchStyleGetter<T extends StyleGetter>(order: Array<T>, parentRect: DOMRect, maxHeightOrWidth: number): T;
 export {};

package/dist/components/Dropdown/utils/DropdownStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAIvD,UAAU,WAAW;IACnB,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxD,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,MAAM,CAAA;CACpE;AAED,8BAAsB,cAAe,YAAW,WAAW;IACzD,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IAEvB,QAAQ,CAAC,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjE,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;IAErE,iBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAGlF;AAkDD,8BAAsB,gBAAiB,YAAW,WAAW;IAC3D,QAAQ,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEnD,QAAQ,CAAC,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjE,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IAEpE,gBAAgB,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAGhF;AAyFD,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,eAAe,EAAE,gBAAgB,EAAE,CAOhF,CAAA;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC,CAY1H"}
+{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAIvD,UAAU,WAAW;IACnB,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxD,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,MAAM,CAAA;CACpE;AAED,8BAAsB,cAAe,YAAW,WAAW;IACzD,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IAEvB,QAAQ,CAAC,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjE,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;IAErE,iBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAGlF;AAED,cAAM,WAAY,SAAQ,cAAc;IACtC,KAAK,UAAQ;IAEb,WAAW,CAAC,UAAU,EAAE,OAAO;;;IAI/B,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM;CAGpD;AAcD,cAAM,cAAe,SAAQ,cAAc;IACzC,KAAK,UAAQ;IAEb,WAAW,CAAC,UAAU,EAAE,OAAO;;;IAI/B,YAAY;IAIZ,iBAAiB;;;CAKlB;AAcD,cAAM,QAAS,SAAQ,cAAc;IACnC,KAAK,UAAO;IAEZ,WAAW,CAAC,UAAU,EAAE,OAAO;;;IAI/B,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM;CAGpD;AAED,8BAAsB,gBAAiB,YAAW,WAAW;IAC3D,QAAQ,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEnD,QAAQ,CAAC,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjE,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IAEpE,gBAAgB,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAGhF;AAiFD,cAAM,SAAU,SAAQ,gBAAgB;IACtC,mBAAmB,6BAAsC;IAEzD,WAAW,CAAC,UAAU,EAAE,OAAO;;;IAI/B,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM;CAGnD;AAED,qBAAa,UAAW,SAAQ,SAAS;IACvC,mBAAmB,mBAAyB;CAC7C;AAED,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,eAAe,EAAE,gBAAgB,EAAE,CAShF,CAAA;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC,CAY1H"}

package/dist/components/Dropdown/utils/DropdownStyle.js

@@ -24,6 +24,20 @@ class BottomOuter extends VerticalGetter {
     return window.innerHeight - parentRect.bottom - maxHeight - EDGE;
   }
 }
+class VerticalCenter extends VerticalGetter {
+  isTop = false;
+  styleGetter(parentRect) {
+    return { top: parentRect.top + parentRect.height / 2 + "px" };
+  }
+  marginGetter() {
+    return 0;
+  }
+  heightStyleGetter() {
+    return {
+      height: "0px"
+    };
+  }
+}
 class TopOuter extends VerticalGetter {
   isTop = true;
   styleGetter(parentRect) {
@@ -65,6 +79,9 @@ class RightInner extends HorizontalGetter {
     return document.documentElement.clientWidth - parentRect.left - maxWidth - EDGE;
   }
 }
+class RightCenter extends RightOuter {
+  verticalGetterOrder = [new VerticalCenter()];
+}
 class Fill extends HorizontalGetter {
   verticalGetterOrder = [new BottomOuter(), new TopOuter()];
   styleGetter(parentRect) {
@@ -114,12 +131,17 @@ class LeftOuter extends HorizontalGetter {
     return parentRect.left - maxWidth - EDGE;
   }
 }
+class LeftCenter extends LeftOuter {
+  verticalGetterOrder = [new VerticalCenter()];
+}
 const horizontalGetterOrderMap = {
   [HorizontalAlign.RIGHT_OUTER]: [new RightOuter(), new LeftOuter(), new RightInner(), new LeftInner()],
+  [HorizontalAlign.RIGHT_CENTER]: [new RightCenter(), new LeftCenter()],
   [HorizontalAlign.RIGHT_INNER]: [new RightInner(), new LeftInner()],
   [HorizontalAlign.FILL]: [new Fill()],
   [HorizontalAlign.CENTER]: [new Center()],
   [HorizontalAlign.LEFT_INNER]: [new LeftInner(), new RightInner()],
+  [HorizontalAlign.LEFT_CENTER]: [new LeftCenter(), new RightCenter()],
   [HorizontalAlign.LEFT_OUTER]: [new LeftOuter(), new RightOuter(), new LeftInner(), new RightInner()]
 };
 function searchStyleGetter(order, parentRect, maxHeightOrWidth) {
@@ -136,4 +158,4 @@ function _maxHeightOrWidthGetter(getter, parentRect, maxHeightOrWidth) {
   else return maxHeightOrWidth + margin;
 }
 
-export { HorizontalGetter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };
+export { HorizontalGetter, LeftCenter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };

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

@@ -73,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: unref(id),
-          class: normalizeClass(["text-accent relative block pr-6 text-xs font-semibold leading-loose duration-500", {
+          class: normalizeClass(["text-accent relative block pr-6 text-xs font-semibold leading-loose", {
             "cursor-not-allowed opacity-50": _ctx.disabled && !_ctx.readonly && !_ctx.skeleton,
             "col-start-1": _ctx.subgrid
           }])

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

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 1,
         class: normalizeClass(["w-ripple w-ripple-hover rounded p-0.5", {
           "text-description": _ctx.$route.query[_ctx.filterField] !== _ctx.encodedQueryParam,
-          "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam
+          "bg-primary dark:bg-primary-dark text-default dark:text-default-dark": _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam
         }]),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.replace({ query: { ..._ctx.$route.query, [_ctx.filterField]: _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam ? void 0 : _ctx.encodedQueryParam } }))
       }, [

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

@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "opacity-50": !_ctx.isActive,
           "opacity-100": _ctx.isActive,
           "text-negative dark:text-negative-dark": _ctx.hasError,
-          "text-primary-default dark:text-primary-dark": !_ctx.hasError
+          "text-primary dark:text-primary-dark": !_ctx.hasError
         }),
         width: _ctx.svgWidth,
         height: _ctx.svgHeight

package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.js

@@ -34,7 +34,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     loading: { type: Boolean },
-    semanticTypeMap: {},
     download: {},
     to: {},
     useQueryFn: {},

package/dist/components/FormAsync/WFormAsyncToggle.vue.js

@@ -6,6 +6,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WFormAsyncToggle",
   props: {
     title: {},
+    icon: {},
     small: { type: Boolean },
     disabled: { type: Boolean },
     loading: { type: Boolean },
@@ -16,6 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     intermediate: { type: Boolean },
     negate: { type: Boolean },
     validate: {},
+    center: { type: Boolean },
     useQueryFn: {},
     noParams: { type: Boolean },
     queryParams: {},

package/dist/components/InfoCard/WInfoCardNegative.vue.js

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const stylesMap = {
-      [SemanticType.PRIMARY]: "text-primary-default dark:text-primary-dark",
+      [SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
       [SemanticType.SECONDARY]: "text-description",
       [SemanticType.NEGARIVE]: "text-negative dark:text-negative-dark",
       [SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",

package/dist/components/InfoCard/models/utils.js

@@ -1,7 +1,7 @@
 import { SemanticType } from '../../../utils/SemanticType.js';
 
 const infoCardSemanticTypeMap = {
-  [SemanticType.PRIMARY]: "bg-primary-default/10 dark:bg-primary-dark/10",
+  [SemanticType.PRIMARY]: "bg-primary/10 dark:bg-primary-dark/10",
   [SemanticType.SECONDARY]: "bg-gray-100 dark:bg-gray-800",
   [SemanticType.POSITIVE]: "bg-positive/10 dark:bg-positive-dark/10",
   [SemanticType.NEGARIVE]: "bg-negative/10 dark:bg-negative-dark/10",
@@ -9,7 +9,7 @@ const infoCardSemanticTypeMap = {
   [SemanticType.INFO]: "bg-info/10 dark:bg-info-dark/10"
 };
 const infoCardIconSemanticTypeMap = {
-  [SemanticType.PRIMARY]: "text-primary-default dark:text-primary-dark",
+  [SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
   [SemanticType.SECONDARY]: "text-description",
   [SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
   [SemanticType.NEGARIVE]: "text-negative dark:text-negative-dark",

package/dist/components/Input/WInput.vue.js

@@ -214,7 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           fn: withCtx(({ id, setFocused, focused }) => [
             createElementVNode("div", {
               class: normalizeClass(["bg-default dark:bg-default-dark relative grid min-h-[--w-input-height,2.75rem] grid-cols-[auto,1fr,auto] overflow-hidden rounded-[--w-input-rounded,0.75rem] border border-solid transition-colors duration-75", {
-                "focus-within:border-primary-default dark:focus-within:border-primary-dark focus-within:outline-primary-default/20 dark:focus-within:outline-primary-dark/20 focus-within:outline focus-within:outline-2": !_ctx.disabled && !_ctx.readonly && !_ctx.unclickable,
+                "focus-within:border-primary dark:focus-within:border-primary-dark focus-within:outline-primary/20 dark:focus-within:outline-primary-dark/20 focus-within:outline focus-within:outline-2": !_ctx.disabled && !_ctx.readonly && !_ctx.unclickable,
                 "cursor-text": !_ctx.disabled,
                 "border-negative dark:border-negative-dark": _ctx.errorMessage,
                 "border-gray-300 dark:border-gray-700": !_ctx.disabled,
@@ -228,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: normalizeClass(["flex h-full w-[--w-input-height,2.75rem] select-none items-center justify-center", {
                   "text-description": !focused,
-                  "text-primary-default dark:text-primary-dark": focused
+                  "text-primary dark:text-primary-dark": focused
                 }])
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-[1.125em]" }))

package/dist/components/Input/WInputAsync.vue.js

@@ -226,7 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               skeleton: _ctx.skeleton,
               disabled: _ctx.disabled,
               class: normalizeClass({
-                "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": canSave.value
+                "bg-primary dark:bg-primary-dark text-default dark:text-default-dark": canSave.value
               }),
               onClick: toggle
             }, null, 8, ["icon", "tooltip-text", "loading", "skeleton", "disabled", "class"])) : createCommentVNode("", true)
@@ -257,7 +257,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   timeout.value ? (openBlock(), createElementBlock("div", {
                     key: timeout.value.toString(),
-                    class: "bg-primary-default dark:bg-primary-dark relative h-full rounded-sm",
+                    class: "bg-primary dark:bg-primary-dark relative h-full rounded-sm",
                     style: normalizeStyle({ "--debounce-duration": _ctx.debounce + "ms" })
                   }, null, 4)) : createCommentVNode("", true)
                 ]),

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;AA+CA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEjD,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;AAyBD,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UA/FZ,MAAM;eAZf,YA7C8B;UA2DrB,YAAY;kBADJ,YAAY;YAFlB,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;UADzC,MAAM;6EAyGb,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;eAXf,YA/C8B;UA4DrB,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"}

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

@@ -1,8 +1,7 @@
 import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot, normalizeClass, createTextVNode, toDisplayString } from 'vue';
 import { RouterLink } from 'vue-router';
 import IconLink from '../../assets/icons/sax/IconLink.svg.js';
-import { semanticTypeTextStylesMap, semanticTypeChipsStylesMap } from '../Button/models/semanticTypeStylesMap.js';
-import { SemanticType } from '../../utils/SemanticType.js';
+import { SemanticType, useSemanticTypeTextMap, useSemanticTypeChipMap } from '../../utils/SemanticType.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WLink",
@@ -15,13 +14,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     to: { default: void 0 }
   },
   setup(__props) {
+    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 }, {
-        class: ["cursor-pointer overflow-hidden truncate whitespace-normal font-normal no-underline hover:underline", unref(semanticTypeTextStylesMap)[_ctx.semanticType]]
+        class: ["cursor-pointer overflow-hidden truncate whitespace-normal font-normal no-underline hover:underline", unref(semanticTypeTextMap)[_ctx.semanticType]]
       }), {
         default: withCtx(() => [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(IconLink)), {
-            class: normalizeClass(["square-[1.25em] mr-[0.25em] mt-[-0.25em] inline rounded-[0.5em] p-px", unref(semanticTypeChipsStylesMap)[_ctx.semanticType]])
+            class: normalizeClass(["square-[1.25em] mr-[0.25em] mt-[-0.25em] inline rounded-[0.5em] p-px", unref(semanticTypeChipMap)[_ctx.semanticType]])
           }, null, 8, ["class"])),
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(_ctx.text), 1)

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

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(RouterLink), {
         to: _ctx.to,
-        class: "text-description hover:text-primary-default dark:hover:text-primary-dark flex cursor-pointer select-none items-center gap-2 self-end py-2 font-normal no-underline"
+        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"
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [

package/dist/components/List/WList.vue.d.ts

@@ -36,7 +36,7 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
         groupBy?: (a: Data, b: Data) => boolean;
         cardColumns: CardColumns;
         cardAreas: CardAreas<Fields, CardColumns["length"]>;
-        cardTo?: (item: Data) => LinkProps["to"];
+        cardTo?: (item: Data) => LinkProps["to"] | undefined;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

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

@@ -1 +1 @@
-{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"AAqPA;AAqYA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAWzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAWrB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,EAC3I,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;WA8tBO,mBAAmB,CAAC;;;;;;gBA5tBlB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;mBAisBoD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAjEiB,GAAG;2BACC,GAAG;;;;;YACP,GAAG;;cA/nBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;EAksBxC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzuBzE,wBAyuB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"AAqPA;AAqYA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAWzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAWrB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,EAC3I,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;WA8tBO,mBAAmB,CAAC;;;;;;gBA5tBlB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;mBAisBwC,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAjEiB,GAAG;2BACC,GAAG;;;;;YACP,GAAG;;cA/nBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;EAksBxC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzuBzE,wBAyuB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -11,19 +11,19 @@ import { AREA_SELECT, AREA_MORE } from './types.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "bg-primary-default dark:bg-primary-dark @sm:hidden absolute left-0 top-0 h-full w-2"
+  class: "bg-primary dark:bg-primary-dark @sm:hidden absolute left-0 top-0 h-full w-2"
 };
 const _hoisted_2 = {
   key: 1,
-  class: "bg-primary-default/10 dark:bg-primary-dark/10 rounded-inherit pointer-events-none absolute inset-0"
+  class: "bg-primary/10 dark:bg-primary-dark/10 rounded-inherit pointer-events-none absolute inset-0"
 };
 const _hoisted_3 = {
   key: 2,
-  class: "bg-primary-default/10 dark:bg-primary-dark/10 rounded-inherit pointer-events-none absolute inset-0"
+  class: "bg-primary/10 dark:bg-primary-dark/10 rounded-inherit pointer-events-none absolute inset-0"
 };
 const _hoisted_4 = {
   key: 1,
-  class: "bg-primary-default/10 dark:bg-primary-dark/10 rounded-inherit pointer-events-none absolute inset-0"
+  class: "bg-primary/10 dark:bg-primary-dark/10 rounded-inherit pointer-events-none absolute inset-0"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WListCard",
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["h-full rounded-l-[--w-list-rounded,unset]", {
                 "border border-r-0": _ctx.hasBorder,
                 "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
-                "border-primary-default dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
+                "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
                 "rounded-bl-[unset!important]": isOpen.value,
                 "border-b-transparent dark:border-b-transparent": _ctx.hasBorder && isOpen.value,
                 "w-ripple-has-only w-ripple-hover w-ripple-opacity-[0.04]": isActionShown.value,
@@ -115,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "grid grid-cols-[--w-list-grid-cols] [grid-template-areas:--w-list-grid-areas] sm:rounded-[--w-list-rounded,unset]": _ctx.card,
               "sm:border-y": _ctx.hasBorder,
               "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
-              "border-primary-default dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
+              "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
               "sm:border": _ctx.card && _ctx.hasBorder,
               "border-b-transparent dark:border-b-transparent": !_ctx.card && _ctx.hasBorder && isOpen.value
             }]
@@ -169,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["h-full rounded-r-[--w-list-rounded,unset]", {
                 "rounded-tr-[--w-list-rounded,unset] border border-l-0": _ctx.hasBorder,
                 "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
-                "border-primary-default dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
+                "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
                 "rounded-br-[unset!important]": isOpen.value,
                 "border-b-transparent dark:border-b-transparent": _ctx.hasBorder && isOpen.value,
                 "w-ripple-has-only w-ripple-hover w-ripple-opacity-[0.04]": isActionShown.value
@@ -197,7 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(["sm:w-inner sm:left-inner col-span-full sm:sticky", {
               "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
-              "border-primary-default dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
+              "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
               "mt-[calc(var(--w-list-gap,1rem)*-1)] border border-t-0 px-5": !_ctx.card && _ctx.hasBorder,
               "rounded-b-[--w-list-rounded,unset]": !_ctx.card
             }])

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

@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
         class: normalizeClass(["w-ripple w-ripple-hover relative flex justify-center rounded-2xl p-4", {
-          "text-primary-default dark:text-primary-dark bg-primary-default/10 dark:bg-primary-dark/10": _ctx.active,
+          "text-primary dark:text-primary-dark bg-primary/10 dark:bg-primary-dark/10": _ctx.active,
           "text-description": !_ctx.active
         }])
       }, [

package/dist/components/MenuItem/WMenuItem.vue.js

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to && !_ctx.disabled ? unref(RouterLink) : _ctx.href ? "a" : "button"), mergeProps(_ctx.to && !_ctx.disabled ? { to: _ctx.to } : _ctx.href ? { href: _ctx.href, download: _ctx.download } : void 0, {
         class: ["text-description relative flex w-full min-w-36 select-none items-center justify-start gap-4 px-6 py-2 text-start outline-none first:pt-4 last:pb-4", {
-          "w-ripple w-ripple-hover hover:text-primary-default dark:hover:text-primary-dark cursor-pointer": !_ctx.disabled,
+          "w-ripple w-ripple-hover hover:text-primary dark:hover:text-primary-dark cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled
         }],
         disabled: _ctx.disabled

package/dist/components/Modal/WModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA;;AA4XA,wBAMG"}
+{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA;;AA8XA,wBAMG"}

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

@@ -1,7 +1,8 @@
-import { defineComponent, ref, reactive, watch, onBeforeMount, onBeforeUnmount, createElementBlock, openBlock, createVNode, Transition, withCtx, createCommentVNode, normalizeStyle, TransitionGroup, Fragment, renderList, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, mergeProps } from 'vue';
+import { defineComponent, ref, reactive, watch, onBeforeMount, onBeforeUnmount, createElementBlock, openBlock, createVNode, Transition, withCtx, createCommentVNode, unref, normalizeStyle, TransitionGroup, Fragment, renderList, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, mergeProps } from 'vue';
 import { Modal, initModal } from '../../utils/Modal.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import _sfc_main$1 from './components/ModalCloseButton.vue.js';
+import { useIsBackdrop } from './use/useIsBackdrop.js';
 
 const _hoisted_1 = { class: "z-[1000]" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -9,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const key = ref(0);
     const modalMetaList = ref([]);
-    const isBackdropVisible = ref(false);
+    const isBackdrop = useIsBackdrop();
     const hasChangesMap = reactive({});
     const addModal = (component, props, cb, autoclose = false) => {
       const modalMeta = {
@@ -55,11 +56,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(modalMetaList, (value) => {
       if (timeout) clearTimeout(timeout);
       if (value.length) {
-        isBackdropVisible.value = true;
+        isBackdrop.value = true;
       } else {
         timeout = setTimeout(() => {
           timeout = void 0;
-          isBackdropVisible.value = false;
+          isBackdrop.value = false;
         }, 100);
       }
     });
@@ -78,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            isBackdropVisible.value ? (openBlock(), createElementBlock("div", {
+            unref(isBackdrop) ? (openBlock(), createElementBlock("div", {
               key: 0,
               style: normalizeStyle({ zIndex: 100 + modalMetaList.value.length + modalMetaList.value.length - 1 }),
               class: "bg-primary-light dark:bg-primary-darkest fixed left-0 top-0 size-full bg-opacity-40 backdrop-blur dark:bg-opacity-40"

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

@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_1, [
             createVNode(_sfc_main$2, {
               "model-value": progress.value * 100,
-              class: "bg-primary-default dark:bg-primary-dark"
+              class: "bg-primary dark:bg-primary-dark"
             }, null, 8, ["model-value"]),
             createElementVNode("div", _hoisted_2, toDisplayString(page.value) + " / " + toDisplayString(pagesCount.value), 1)
           ])

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

@@ -83,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_1, [
               createVNode(_sfc_main$2, {
                 "model-value": progress.value,
-                class: "bg-primary-default dark:bg-primary-dark"
+                class: "bg-primary dark:bg-primary-dark"
               }, null, 8, ["model-value"]),
               createElementVNode("div", _hoisted_2, toDisplayString(itemIndex.value) + " / " + toDisplayString(_ctx.items.length), 1)
             ])

package/dist/components/Modal/use/useIsBackdrop.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsBackdrop: () => import('vue').Ref<boolean, boolean>;
+//# sourceMappingURL=useIsBackdrop.d.ts.map

package/dist/components/Modal/use/useIsBackdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsBackdrop.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/use/useIsBackdrop.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,2CAEzB,CAAA"}

package/dist/components/Modal/use/useIsBackdrop.js

@@ -0,0 +1,8 @@
+import { ref } from 'vue';
+
+const isBackdrop = ref(false);
+const useIsBackdrop = () => {
+  return isBackdrop;
+};
+
+export { useIsBackdrop };

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

@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ], 2),
         createElementVNode("div", {
-          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 }]),
+          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": isOpen.value }]),
           onClick: withModifiers(toggle, ["stop"])
         }, [
           createVNode(unref(IconMenu))