eco-vue-js 0.10.32 → 0.10.34

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

@@ -1,4 +1,4 @@
-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 { defineComponent, useTemplateRef, ref, computed, createElementBlock, openBlock, Fragment, createElementVNode, createCommentVNode, mergeProps, createVNode, createBlock, Transition, withCtx, normalizeClass, unref, resolveDynamicComponent, renderSlot, normalizeStyle, 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';
@@ -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",
@@ -39,31 +39,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     formName: {},
     card: { type: Boolean },
     to: {},
+    hasAction: { type: Boolean },
     skeleton: { type: Boolean },
     selected: { type: Boolean },
     allowSelect: { type: Boolean },
     allowSelectHover: { type: Boolean }
   },
-  emits: ["toggle:selected", "hover:selected"],
+  emits: ["toggle:selected", "hover:selected", "click:action"],
   setup(__props) {
     const props = __props;
+    const containerRef = useTemplateRef("container");
+    const moreRef = useTemplateRef("more");
     const formRef = useTemplateRef("form");
     const isOpen = ref(false);
+    const position = ref(null);
+    const anchorRef = useTemplateRef("anchor");
     const toggle = () => {
       isOpen.value = !isOpen.value;
     };
     const validate = (...args) => formRef.value?.validate(...args);
-    const isActionShown = computed(() => !props.skeleton && (props.allowOpen || props.to !== void 0 || props.allowSelectHover));
+    const isActionShown = computed(() => !props.skeleton && (props.allowOpen || props.to !== void 0 || props.allowSelectHover || props.hasAction));
+    const toggleMenu = (event) => {
+      if (props.disabled || props.disableMore || !containerRef.value || !moreRef.value) return;
+      const containerRect = containerRef.value.getBoundingClientRect();
+      position.value = { left: event.screenX - containerRect.x + "px", top: event.clientY - containerRect.y + "px" };
+      moreRef.value.open();
+      event.preventDefault();
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", mergeProps(_ctx.allowSelect ? { "onMouseover": () => _ctx.$emit("hover:selected") } : void 0, {
+          ref: "container",
           class: ["relative isolate", {
             [_ctx.cardWrapperClass ?? ""]: true,
             "w-ripple-trigger-has": isActionShown.value,
             "sm-not:dark:even:bg-primary-darkest/25 sm-not:even:bg-gray-50 grid grid-cols-1": _ctx.card,
             "flex": !_ctx.card,
             "-mb-px": !_ctx.card && isOpen.value
-          }]
+          }],
+          onContextmenu: toggleMenu
         }), [
           createVNode(Transition, {
             "enter-active-class": "transition-transform duration-200",
@@ -82,12 +96,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "width-[--w-list-header-rounded,1rem]": !_ctx.allowSelect
             }])
           }, [
-            _cache[3] || (_cache[3] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute right-full top-0 z-[-1] h-full w-[calc(var(--nav-bar-width)+var(--inner-margin))]" }, null, -1)),
+            _cache[5] || (_cache[5] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute right-full top-0 z-[-1] h-full w-[calc(var(--nav-bar-width)+var(--inner-margin))]" }, null, -1)),
             createElementVNode("div", {
               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,
@@ -105,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }]),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle:selected"))
               }, null, 8, ["model-value", "disabled", "align-top", "class"])) : createCommentVNode("", true),
-              _ctx.selected ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)
+              _ctx.selected || unref(moreRef)?.isOpen ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)
             ], 2)
           ], 2)) : createCommentVNode("", true),
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.formName ? _sfc_main$2 : "div"), mergeProps({ ref: "form" }, _ctx.formName ? { name: _ctx.formName } : void 0, {
@@ -115,7 +129,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
             }]
@@ -134,14 +148,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ toggle, isOpen: isOpen.value, validate }))),
               isActionShown.value ? (openBlock(), createBlock(_sfc_main$3, normalizeProps(mergeProps(
                 { key: 1 },
-                _ctx.allowSelectHover ? { tag: "button", card: _ctx.card, onClick: () => _ctx.$emit("toggle:selected") } : _ctx.to ? { tag: markRaw(unref(RouterLink)), card: _ctx.card, class: "z-[-1]", props: { to: _ctx.to } } : { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle }
+                _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 } } : { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle }
               )), null, 16)) : createCommentVNode("", true),
-              _ctx.selected ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
+              _ctx.selected || unref(moreRef)?.isOpen ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
               _ctx.card && _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 3,
+                ref: "more",
                 class: "-p--inner-margin -my---inner-margin -mr---inner-margin flex items-center",
                 disabled: _ctx.disabled || _ctx.disableMore,
-                style: normalizeStyle({ gridArea: unref(AREA_MORE) })
+                style: normalizeStyle({ gridArea: unref(AREA_MORE) }),
+                anchor: unref(anchorRef) ?? void 0,
+                onClose: _cache[3] || (_cache[3] = ($event) => position.value = null)
               }, {
                 default: withCtx(() => [
                   _ctx.allowSelect ? (openBlock(), createBlock(_sfc_main$5, {
@@ -153,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "more")
                 ]),
                 _: 3
-              }, 8, ["disabled", "style"])) : createCommentVNode("", true)
+              }, 8, ["disabled", "style", "anchor"])) : createCommentVNode("", true)
             ]),
             _: 3
           }, 16, ["class"])),
@@ -164,12 +181,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "width-[--w-list-header-rounded,1rem]": !_ctx.$slots.more
             }])
           }, [
-            _cache[4] || (_cache[4] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute left-full top-0 z-[-1] h-full w-[calc(var(--actions-bar-width)+var(--inner-margin))]" }, null, -1)),
+            _cache[6] || (_cache[6] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute left-full top-0 z-[-1] h-full w-[calc(var(--actions-bar-width)+var(--inner-margin))]" }, null, -1)),
             createElementVNode("div", {
               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
@@ -177,27 +194,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 0,
+                ref: "more",
                 class: normalizeClass(["flex h-full px-[--w-list-padding,1rem]", {
                   "pt-4.5 items-start": _ctx.alignTop,
                   "items-center": !_ctx.alignTop
                 }]),
-                disabled: _ctx.disabled || _ctx.disableMore
+                disabled: _ctx.disabled || _ctx.disableMore,
+                anchor: unref(anchorRef) ?? void 0,
+                onClose: _cache[4] || (_cache[4] = ($event) => position.value = null)
               }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "more")
                 ]),
                 _: 3
-              }, 8, ["class", "disabled"])) : createCommentVNode("", true),
-              _ctx.selected ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+              }, 8, ["class", "disabled", "anchor"])) : createCommentVNode("", true),
+              _ctx.selected || unref(moreRef)?.isOpen ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
             ], 2)
-          ], 2)) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true),
+          position.value ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            ref: "anchor",
+            class: "absolute",
+            style: normalizeStyle(position.value)
+          }, null, 4)) : createCommentVNode("", true)
         ], 16),
         _ctx.$slots.expansion ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           isOpen.value ? (openBlock(), createElementBlock("div", {
             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/List/types.d.ts

@@ -76,6 +76,10 @@ export type MenuProps<Data> = {
     updateItem: (newItem?: Data | undefined) => void;
     deleteItem: () => void;
 };
+export type MenuEmits<Data> = {
+    (e: 'update:item', value: Data): void;
+    (e: 'delete:item'): void;
+};
 export type MenuComponent<Data> = Component<MenuProps<Data>>;
 export type BulkProps<QueryParams> = {
     queryParamsGetter: () => QueryParams;
@@ -107,5 +111,9 @@ export type ListConfig<Fields extends ListFields<any, any>> = {
     fields: FieldConfigMap<Fields>;
     mode: ListMode;
 };
+export type CardActionParams<Data> = {
+    item: Data;
+    setter: (value: Data) => void;
+};
 export {};
 //# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/MenuItem/WMenuItem.vue.d.ts

@@ -13,11 +13,11 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 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<{}>, {
-    to: import('vue-router').RouterLinkProps["to"];
-    href: string;
-    download: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (value: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((value: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, 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/MenuItem/WMenuItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WMenuItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuItem/WMenuItem.vue"],"names":[],"mappings":"AAcA;AAoCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAmBD,iBAAS,cAAc;WA4CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAvFrB,YAlC8B;UAwCrB,MAAM;cACF,MAAM;6EAwFjB,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":"WMenuItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuItem/WMenuItem.vue"],"names":[],"mappings":"AAqBA;AAwCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAYD,iBAAS,cAAc;WA0DT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,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/MenuItem/WMenuItem.vue.js

@@ -1,25 +1,33 @@
-import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot } from 'vue';
 import { RouterLink } from 'vue-router';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WMenuItem",
   props: {
     disabled: { type: Boolean },
-    href: { default: void 0 },
-    download: { default: void 0 },
-    to: { default: void 0 }
+    href: {},
+    download: {},
+    to: {}
   },
+  emits: ["click"],
   setup(__props) {
     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,
+        class: ["text-description w-ripple-trigger block w-full min-w-36 select-none items-center justify-start px-2 text-start outline-none first:pt-2 last:pb-2", {
+          "hover:text-primary dark:hover:text-primary-dark cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled
         }],
-        disabled: _ctx.disabled
+        disabled: _ctx.disabled,
+        onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.$emit("click", $event))
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          createElementVNode("div", {
+            class: normalizeClass({
+              "w-ripple w-ripple-hover relative flex w-full gap-4 rounded-lg px-2 py-1": !_ctx.disabled
+            })
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)
         ]),
         _: 3
       }, 16, ["class", "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))

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

@@ -6,7 +6,7 @@ import { isEqualObj, numberCompactFormatter } from '../../utils/utils.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "bg-primary-default dark:bg-primary-dark absolute left-0 top-0 h-full w-1"
+  class: "bg-primary dark:bg-primary-dark absolute left-0 top-0 h-full w-1"
 };
 const _hoisted_2 = {
   key: 0,
@@ -56,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(RouterLink), {
         to: _ctx.to,
         class: normalizeClass(["w-ripple w-ripple-hover relative block no-underline", {
-          "text-primary-default dark:text-primary-dark": isTextColor.value,
+          "text-primary dark:text-primary-dark": isTextColor.value,
           "text-accent": !isTextColor.value,
           "pl-2": _ctx.indent
         }])

package/dist/components/Progress/WProgress.vue.js

@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
-          class: "bg-primary-default dark:bg-primary-dark h-full transition-[width]",
+          class: "bg-primary dark:bg-primary-dark h-full transition-[width]",
           style: normalizeStyle({
             width: _ctx.modelValue + "%"
           })

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

@@ -76,6 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
+    parentElement: {},
     maxHeight: {},
     maxWidth: {},
     horizontalAlign: {},

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

@@ -69,6 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
+    parentElement: {},
     maxHeight: {},
     maxWidth: {},
     horizontalAlign: {},

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

@@ -67,6 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
+    parentElement: {},
     maxHeight: {},
     maxWidth: {},
     horizontalAlign: {},

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

@@ -63,6 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
+    parentElement: {},
     maxHeight: {},
     maxWidth: {},
     horizontalAlign: {},

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

@@ -63,6 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
+    parentElement: {},
     maxHeight: {},
     maxWidth: {},
     horizontalAlign: {},

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

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

package/dist/components/Shine/WShine.vue.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    element: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=WShine.vue.d.ts.map

package/dist/components/Shine/WShine.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WShine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShine.vue"],"names":[],"mappings":"AAeA;;;;AAmFA,wBAOG"}

package/dist/components/Shine/WShine.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent, useTemplateRef, createElementBlock, openBlock, createElementVNode, normalizeStyle, unref } from 'vue';
+import { useShine } from './use/useShine.js';
+
+const _hoisted_1 = {
+  ref: "element",
+  class: "rounded-inherit pointer-events-none absolute inset-0 overflow-hidden"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WShine",
+  setup(__props) {
+    const { id } = useShine();
+    const elementRef = useTemplateRef("element");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "bg-default/80 dark:bg-default/50 pointer-events-none absolute h-full w-screen bg-clip-border",
+          style: normalizeStyle({
+            "mask": `url(#${unref(id)})`,
+            "-webkit-mask": `url(#${unref(id)})`,
+            "left": `-${unref(elementRef)?.getBoundingClientRect().left ?? 0}px`
+          })
+        }, null, 4)
+      ], 512);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Shine/WShine.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WShine.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/Shine/WShineEffect.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;
+//# sourceMappingURL=WShineEffect.vue.d.ts.map

package/dist/components/Shine/WShineEffect.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WShineEffect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Shine/WShineEffect.vue"],"names":[],"mappings":"AAkEA;;AA0KA,wBAMG"}

package/dist/components/Shine/WShineEffect.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createStaticVNode, unref } from 'vue';
+import { useShine } from './use/useShine.js';
+
+const _hoisted_1 = {
+  width: "100%",
+  height: "100%",
+  class: "pointer-events-none absolute top-0 -translate-x-full"
+};
+const _hoisted_2 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WShineEffect",
+  setup(__props) {
+    const { id } = useShine();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        createElementVNode("defs", null, [
+          _cache[1] || (_cache[1] = createStaticVNode('<linearGradient id="w-shine-gradient" x1="0%" y1="0%" x2="100%" y2="0%" gradientTransform="rotate(10)"><stop offset="0%" stop-color="rgba(255, 255, 255, 0)"></stop><stop offset="45%" stop-color="rgba(255, 255, 255, 0)"></stop><stop offset="49%" stop-color="rgba(255, 255, 255, 0.4)"></stop><stop offset="50%" stop-color="rgba(255, 255, 255, 1)"></stop><stop offset="51%" stop-color="rgba(255, 255, 255, 0.4)"></stop><stop offset="55%" stop-color="rgba(255, 255, 255, 0)"></stop><stop offset="100%" stop-color="rgba(255, 255, 255, 0)"></stop></linearGradient>', 1)),
+          createElementVNode("mask", {
+            id: unref(id),
+            maskUnits: "userSpaceOnUse"
+          }, _cache[0] || (_cache[0] = [
+            createElementVNode("rect", {
+              width: "100%",
+              height: "100%",
+              fill: "url(#w-shine-gradient)"
+            }, [
+              createElementVNode("animate", {
+                attributeName: "x",
+                values: "-100%;-100%;100%;100%",
+                keyTimes: "0;0.35;0.65;1",
+                dur: "10s",
+                repeatCount: "indefinite"
+              })
+            ], -1)
+          ]), 8, _hoisted_2)
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Shine/WShineEffect.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WShineEffect.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/Shine/use/useShine.d.ts

@@ -0,0 +1,4 @@
+export declare const useShine: () => {
+    id: string;
+};
+//# sourceMappingURL=useShine.d.ts.map

package/dist/components/Shine/use/useShine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShine.d.ts","sourceRoot":"","sources":["../../../../../src/components/Shine/use/useShine.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;CAIpB,CAAA"}