eco-vue-js 0.10.81 → 0.10.83

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

@@ -15,10 +15,12 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
 }, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {
+    skeleton: boolean;
     type: string;
     to: import('vue-router').RouterLinkProps["to"];
     tag: "a" | "button";
     semanticType: SemanticType;
+    disabled: boolean;
     target: "_self" | "_blank" | "_parent" | "_top";
     href: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAyEA;AAsHA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AA6CzG,iBAAS,cAAc;WAiKT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;6EAQnB,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":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAyEA;AA2HA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AAoDzG,iBAAS,cAAc;WAiKT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;6EAQnB,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/WButton.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent, createBlock, openBlock, withCtx, createElementVNode, renderSlot, resolveDynamicComponent, unref, mergeProps, withKeys, withModifiers, createVNode, createCommentVNode, normalizeClass, Transition } from 'vue';
+import { defineComponent, 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 WSpinner from '../Spinner/WSpinner.vue.js';
 import _sfc_main$1 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';
 
 const _hoisted_1 = { class: "flex gap-2 px-[--w-button-rounded,1rem] font-medium opacity-0" };
@@ -12,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButton",
   props: {
     semanticType: { default: SemanticType.PRIMARY },
-    disabled: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
     loading: { type: Boolean },
     tag: { default: "button" },
     type: { default: void 0 },
@@ -22,21 +23,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     join: { type: Boolean },
     tooltipText: {},
     download: {},
-    skeleton: { type: Boolean },
+    skeleton: { type: Boolean, default: void 0 },
     to: { default: void 0 }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const { isDisabled, isSkeleton } = useComponentStatesButton(props);
     const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
     const semanticTypeBorderMap = useSemanticTypeBorderMap();
     const emit = __emit;
     const click = (event) => {
-      if (props.disabled || props.loading) return;
+      if (isDisabled.value || props.loading) return;
       emit("click", event);
     };
     return (_ctx, _cache) => {
-      return _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+      return unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, {
         key: 0,
         class: "w-skeleton-rounded-[--w-button-rounded,1rem] w-skeleton-w-max -w-skeleton-h--button-height"
       }, {
@@ -46,20 +48,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 3
-      })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? _ctx.disabled ? "a" : unref(RouterLink) : _ctx.tag), mergeProps({ key: 1 }, {
+      })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? unref(isDisabled) ? "a" : unref(RouterLink) : _ctx.tag), mergeProps({ key: 1 }, {
         class: _ctx.$attrs.class,
         style: _ctx.$attrs.style,
-        ..._ctx.disabled ? {} : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : {}
+        ...unref(isDisabled) ? {} : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : {}
       }, {
         class: ["w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-1px)] -min-h--button-height relative isolate flex select-none items-center justify-center whitespace-nowrap rounded-[--w-button-rounded,1rem] px-[--w-button-rounded,1rem] font-medium outline-none", {
           [unref(semanticTypeBackgroundMap)[_ctx.semanticType]]: true,
           [unref(semanticTypeBorderMap)[_ctx.semanticType]]: true,
-          "w-ripple w-ripple-hover before:text-black-default w-ripple-opacity-20 dark:w-ripple-opacity-30 cursor-pointer": !_ctx.loading && !_ctx.disabled,
+          "w-ripple w-ripple-hover before:text-black-default w-ripple-opacity-20 dark:w-ripple-opacity-30 cursor-pointer": !_ctx.loading && !unref(isDisabled),
           "cursor-progress": _ctx.loading,
-          "cursor-not-allowed opacity-70": _ctx.disabled,
+          "cursor-not-allowed opacity-70": unref(isDisabled),
           "first-not:rounded-l-none first-not:border-l-0 first-not:before:rounded-l-none last-not:rounded-r-none last-not:border-r-0 last-not:before:rounded-r-none": _ctx.join
         }],
-        disabled: !_ctx.loading && _ctx.disabled,
+        disabled: !_ctx.loading && unref(isDisabled),
         download: _ctx.download,
         type: _ctx.type,
         onClick: click,
@@ -91,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             text: _ctx.tooltipText
           }, null, 8, ["text"])) : createCommentVNode("", true),
-          !_ctx.disabled && !_ctx.loading ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true)
+          !unref(isDisabled) && !_ctx.loading ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["class", "disabled", "download", "type", "onKeypress"]));

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

@@ -26,11 +26,13 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    skeleton: boolean;
     count: number;
     to: import('vue-router').RouterLinkProps["to"];
     icon: SVGComponent;
     tag: "button" | "a";
     semanticType: SemanticType;
+    disabled: boolean;
     tooltipText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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,OAuHO,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;AAmCD,iBAAS,cAAc;WAqJT,OAAO,IAA6B;;sBAVvB,GAAG;;;;EAe7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAtNX,MAAM;;UAJP,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;iBAGb,MAAM;6EA2NpB,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,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"}

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

@@ -16,8 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tag: { default: "button" },
     count: { default: void 0 },
     semanticType: { default: SemanticType.SECONDARY },
-    disabled: { type: Boolean },
-    skeleton: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    skeleton: { type: Boolean, default: void 0 },
     tooltipText: { default: void 0 },
     titleText: { type: Boolean },
     to: { default: void 0 }

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

@@ -21,6 +21,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ButtonDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonDropdownProps> & Readonly<{}>, {
     maxHeight: number;
+    disabled: boolean;
     maxWidth: number;
     horizontalAlign: HorizontalAlign;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAqEA;AA0GA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAgBvD,QAAA,MAAM,KAAK,YAEV,CAAA;AAcD,iBAAS,cAAc;WA4KT,OAAO,IAA6B;;iBAvLvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;iBAD1C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;;;EA2LpD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAQnB,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":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAqEA;AA2GA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAiBvD,QAAA,MAAM,KAAK,YAEV,CAAA;AAeD,iBAAS,cAAc;WA4KT,OAAO,IAA6B;;iBAxLvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;iBAD1C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;;;EA4LpD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;6EAQnB,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/WButtonDropdown.vue.js

@@ -12,10 +12,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     semanticType: {},
     leftToggle: { type: Boolean },
-    disabled: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
     tooltipText: {},
     parentElement: {},
     top: { type: Boolean },
+    bottom: { type: Boolean },
     horizontalAlign: { default: HorizontalAlign.LEFT_INNER },
     maxHeight: { default: 200 },
     maxWidth: { default: 320 }

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

@@ -11,7 +11,7 @@ declare const _default: <Model extends number | string | null | boolean, Entity
         title?(_: {}): any;
         subtitle?(_: {}): any;
         option?(_: {
-            option: Model | Entity;
+            option: any;
             selected: boolean;
         }): any;
         option?(_: {

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AAgGA;AA4IA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAU5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EACpL,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;WAyOO,mBAAmB,CAAC;;yMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAvCgB,GAAG;0BACA,GAAG;;;;YACL,GAAG;;;;YACF,GAAG;uBACJ,GAAG;;cAjMzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;EAwO3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AApPzE,wBAoP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AAgGA;AAsJA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAW5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EACpL,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;WA0PO,mBAAmB,CAAC;;yMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA1CgB,GAAG;0BACA,GAAG;;;;YACL,GAAG;;;;YACF,GAAG;uBACJ,GAAG;;cAxMzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;EAkP3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArQzE,wBAqQ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, createCommentVNode, resolveDynamicComponent, Fragment, createTextVNode, toDisplayString, normalizeClass, renderList, unref } from 'vue';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
+import { useComponentStates } from '../../utils/useComponentStates.js';
 import _sfc_main$2 from './WButton.vue.js';
 
 const _hoisted_1 = { class: "flex gap-1" };
@@ -9,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonGroup",
   props: {
     list: {},
-    valueGetter: { type: Function },
+    valueGetter: {},
     optionComponent: {},
     modelValue: {},
     wrap: { type: Boolean },
@@ -25,9 +26,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxLength: {},
     mono: { type: Boolean },
     hasChanges: { type: Boolean },
-    skeleton: { type: Boolean },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
+    skeleton: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: void 0 },
     required: { type: Boolean },
     mandatory: { type: Boolean },
     noMargin: { type: Boolean },
@@ -46,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const { isDisabled, isReadonly } = useComponentStates(props);
     const loadingItem = ref(void 0);
     const getValue = (item) => {
       if (props.valueGetter && typeof item === "object") {
@@ -119,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ...props,
                   semanticType: getValue(item) === _ctx.modelValue ? _ctx.semanticType ?? unref(SemanticType).PRIMARY : unref(SemanticType).SECONDARY,
                   loading: _ctx.loading && getValue(item) === loadingItem.value,
-                  disabled: _ctx.disabled || _ctx.loading && getValue(item) !== loadingItem.value,
+                  disabled: unref(isDisabled) || unref(isReadonly) || _ctx.loading && getValue(item) !== loadingItem.value,
                   join: !_ctx.wrap && !_ctx.col,
                   tooltipText: void 0
                 }, {

package/dist/components/Chart/WChartLine.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChartLine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLine.vue"],"names":[],"mappings":"AAiJA;AAoYA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;yBAMxB,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACnD,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;WAucO,mBAAmB,CAAC;cAncpB,IAAI,EAAE;cACN,MAAM,IAAI;cACV,MAAM,IAAI;kBACN,MAAM,IAAI;kBACV,MAAM,IAAI;sBACN,OAAO,GAAG,QAAQ,GAAG,QAAQ;sBAC7B,MAAM;kBACV,OAAO;qBACJ,OAAO;sBACN,MAAM;oBACR,MAAM;mCAyb0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;mCAhPmB,MAAM,KAAG,MAAM;;;YAiMf,GAAG;;;;;;YACJ,GAAG;uBACL,GAAG;;UA+CvB,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAldzE,wBAkd4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WChartLine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLine.vue"],"names":[],"mappings":"AAoJA;AA2YA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;yBAMxB,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACnD,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;WA4cO,mBAAmB,CAAC;cAxcpB,IAAI,EAAE;cACN,MAAM,IAAI;cACV,MAAM,IAAI;kBACN,MAAM,IAAI;kBACV,MAAM,IAAI;sBACN,OAAO,GAAG,QAAQ,GAAG,QAAQ;sBAC7B,MAAM;kBACV,OAAO;qBACJ,OAAO;sBACN,MAAM;oBACR,MAAM;mCA8b0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;mCAjPmB,MAAM,KAAG,MAAM;;;YAkMf,GAAG;;;;;;YACJ,GAAG;uBACL,GAAG;;UA+CvB,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvdzE,wBAud4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -13,7 +13,7 @@ const _hoisted_9 = ["cx", "cy", "r"];
 const _hoisted_10 = { key: 0 };
 const _hoisted_11 = ["transform"];
 const _hoisted_12 = ["x", "y1", "y2"];
-const _hoisted_13 = ["y"];
+const _hoisted_13 = ["height", "y"];
 const _hoisted_14 = ["fill", "mask"];
 const _hoisted_15 = ["x"];
 const _hoisted_16 = { class: "text-description text-2xs flex size-full cursor-not-allowed items-center opacity-40" };
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const dataFiltered = computed(
       () => props.data.filter(
-        (data) => typeof data[props.yKey] === "number" && typeof data[props.xKey] === "number" && data[props.xKey] >= props.xExtent[0] && data[props.xKey] <= props.xExtent[1]
+        (data, index, array) => data[props.xKey] >= props.xExtent[0] || data[props.xKey] <= props.xExtent[1] || array[index + 1][props.xKey] >= props.xExtent[0] || array[index - 1][props.xKey] <= props.xExtent[1]
       )
     );
     const round = (value) => Math.round(value * ROUND_FACTOR) / ROUND_FACTOR;
@@ -76,21 +76,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           y: round(props.scaleY(d[props.yKey])),
           yMin: round(props.scaleY(d[props.yKeyMin])),
           yMax: round(props.scaleY(d[props.yKeyMax])),
-          d
+          d,
+          imagine: false
         };
         item.yMin = props.yKeyMin && typeof d[props.yKeyMin] === "number" ? round(props.scaleY(d[props.yKeyMin])) : item.y;
         item.yMax = props.yKeyMax && typeof d[props.yKeyMax] === "number" ? round(props.scaleY(d[props.yKeyMax])) : item.y;
         return item;
       });
+      if (result.length === 0) return result;
       const lastIndex = result.length - 1;
-      if (result[lastIndex] && result[lastIndex].x !== props.left) result.push({ ...result[lastIndex], x: props.left });
-      if (result[0] && result[0].x !== props.right) result.unshift({ ...result[0], x: props.svgWidth - props.right });
+      if (result[lastIndex].x !== props.left) result.push({ ...result[lastIndex], x: props.left, imagine: true });
+      if (result[0].x !== props.svgWidth - props.right) result.unshift({ ...result[0], x: props.svgWidth - props.right, imagine: true });
       return result;
     });
     const tooltipData = computed(() => {
       return preparedData.value.slice(
-        preparedData.value[0]?.d === preparedData.value[1]?.d ? 1 : 0,
-        preparedData.value[preparedData.value.length - 1]?.d === preparedData.value[preparedData.value.length - 2]?.d ? -1 : void 0
+        preparedData.value[0]?.imagine ? 1 : 0,
+        preparedData.value[preparedData.value.length - 1]?.imagine ? -1 : void 0
       ).reverse();
     });
     const hoveredData = computed(() => {
@@ -287,10 +289,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               y2: _ctx.svgHeight - _ctx.bottom,
               stroke: "currentColor",
               "stroke-width": "1",
-              class: "text-description pointer-events-none"
+              class: "pointer-events-none text-gray-400 dark:text-gray-600"
             }, null, 8, _hoisted_12)) : createCommentVNode("", true),
             (openBlock(), createElementBlock("foreignObject", {
-              y: _ctx.svgHeight - _ctx.bottom
+              height: _ctx.svgHeight - _ctx.bottom - 9,
+              y: _ctx.top + 4.5
             }, [
               createVNode(_sfc_main$1, {
                 ref: "tooltip",

package/dist/components/Chart/WChartLinear.vue.d.ts

@@ -29,6 +29,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     updateSize: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    skeleton: boolean;
     bottom: number;
     left: number;
     right: number;

package/dist/components/Chart/WChartLinear.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChartLinear.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLinear.vue"],"names":[],"mappings":"AAoDA;AAqKA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAC,KAAK,KAAK,EAAmE,MAAM,KAAK,CAAA;AAShG,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAsGJ,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;iBA7GvC,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,EAAE;;iBAAhC,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,EAAE;;;;;;EAkH1C;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;YAlOR,MAAM;UACR,MAAM;WACL,MAAM;SAHR,MAAM;YAJH,MAAM;mBADC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;aAIpD,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;;;kBA8OrC,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":"WChartLinear.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLinear.vue"],"names":[],"mappings":"AAoDA;AAyKA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAC,KAAK,KAAK,EAAmE,MAAM,KAAK,CAAA;AAUhG,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA0GJ,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;iBA9GvC,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,EAAE;;iBAAhC,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,EAAE;;;;;;EAmH1C;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;cApON,OAAO;YAHT,MAAM;UACR,MAAM;WACL,MAAM;SAHR,MAAM;YAJH,MAAM;mBADC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;aAIpD,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;;;kBAmPrC,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/Chart/WChartLinear.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent, ref, useTemplateRef, computed, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, unref } from 'vue';
+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 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';
 
 const _hoisted_1 = ["height", "width"];
@@ -18,10 +19,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     bottom: { default: 20 },
     left: { default: 40 },
     right: { default: 32 },
-    skeleton: { type: Boolean }
+    skeleton: { type: Boolean, default: void 0 }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
+    const { isSkeleton } = useComponentStatesSkeleton(props);
     const svgWidth = ref(0);
     const svgHeight = ref(props.height);
     const containerRef = useTemplateRef("container");
@@ -76,10 +78,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref: "container",
         class: normalizeClass({
-          "size-full cursor-progress": _ctx.skeleton
+          "size-full cursor-progress": unref(isSkeleton)
         })
       }, [
-        _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+        unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, {
           key: 0,
           class: "w-skeleton-w-full w-skeleton-h-full w-skeleton-rounded-2xl"
         })) : svgWidth.value !== 0 && svgHeight.value !== 0 ? (openBlock(), createElementBlock("svg", {
@@ -104,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             format: _ctx.yFormat,
             transform: `translate(${_ctx.left}, 0)`
           }, null, 8, ["domain", "format", "transform"])) : createCommentVNode("", true),
-          !_ctx.skeleton ? renderSlot(_ctx.$slots, "default", {
+          !unref(isSkeleton) ? renderSlot(_ctx.$slots, "default", {
             key: 2,
             scaleX,
             scaleY,

package/dist/components/Checkbox/WCheckbox.vue.d.ts

@@ -14,7 +14,11 @@ declare const __VLS_component: import('vue').DefineComponent<CheckboxProps, {},
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}>, {
+    skeleton: boolean;
+    readonly: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     element: HTMLButtonElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Checkbox/WCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckbox.vue"],"names":[],"mappings":"AA4FA;AAyHA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AA6B1C,iBAAS,cAAc;WAmJT,OAAO,IAA6B;;yBAXpB,GAAG;;;;;;EAgBhC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,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":"WCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckbox.vue"],"names":[],"mappings":"AA4FA;AAoIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AA6C1C,iBAAS,cAAc;WAmJT,OAAO,IAA6B;;yBAXpB,GAAG;;;;;;EAgBhC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,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/Checkbox/WCheckbox.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent, useTemplateRef, createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, withKeys, normalizeClass, withModifiers, createVNode, createBlock, withDirectives, Transition, withCtx, vShow, resolveDynamicComponent, unref, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, useTemplateRef, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createCommentVNode, withKeys, normalizeClass, withModifiers, createVNode, createBlock, withDirectives, Transition, withCtx, vShow, resolveDynamicComponent, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import WSpinner from '../Spinner/WSpinner.vue.js';
 import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
 import IconCheck from '../../assets/icons/default/IconCheck.svg.js';
+import { useComponentStates } from '../../utils/useComponentStates.js';
 
 const _hoisted_1 = ["onKeypress"];
 const _hoisted_2 = {
@@ -14,11 +15,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: [Boolean, null] },
     title: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: void 0 },
     icon: {},
     radio: { type: Boolean },
     loading: { type: Boolean },
+    skeleton: { type: Boolean, default: void 0 },
     intermediate: { type: Boolean },
     tooltipText: {},
     alignTop: { type: Boolean },
@@ -28,19 +30,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const { isReadonly, isDisabled, isSkeleton } = useComponentStates(props);
     const emit = __emit;
     const elementRef = useTemplateRef("element");
     const toggle = () => {
-      if (props.disabled || props.readonly || props.loading) return;
+      if (isDisabled.value || isReadonly.value || props.loading || isSkeleton.value) return;
       emit("update:modelValue", !props.modelValue);
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", mergeProps({ ref: "element" }, { class: _ctx.$attrs.class, style: _ctx.$attrs.style }, {
         class: ["w-ripple-trigger w-hover-circle-trigger w-hover-circle-opacity-[0.08] flex select-none gap-2 outline-none", {
-          "cursor-progress": _ctx.loading,
-          "cursor-not-allowed opacity-70": _ctx.disabled,
-          "cursor-pointer": !_ctx.disabled && !_ctx.loading && !_ctx.readonly,
-          "cursor-auto": _ctx.readonly,
+          "cursor-progress": _ctx.loading || unref(isSkeleton),
+          "cursor-not-allowed opacity-70": unref(isDisabled) || unref(isSkeleton),
+          "cursor-pointer": !unref(isDisabled) && !_ctx.loading && !unref(isReadonly) && !unref(isSkeleton),
+          "cursor-auto": unref(isReadonly),
           "pb-4 pt-1": _ctx.title && !_ctx.noMargin,
           "items-start": _ctx.alignTop,
           "items-center": !_ctx.alignTop
@@ -49,14 +52,14 @@ 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": _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,
+            "text-default": _ctx.modelValue && !unref(isDisabled) && !unref(isSkeleton),
+            "text-primary dark:text-primary-dark": !_ctx.modelValue && !unref(isDisabled) && !unref(isSkeleton),
+            "text-gray-300 dark:text-gray-700": !_ctx.modelValue && unref(isDisabled) && !unref(isSkeleton),
+            "w-ripple w-hover-circle before:text-accent after:text-accent": !unref(isDisabled) && !unref(isReadonly) && !unref(isSkeleton),
             "rounded-full": _ctx.radio,
             "rounded-md": !_ctx.radio,
-            "border-gray-300 dark:border-gray-700": _ctx.disabled,
-            "border-primary dark:border-primary-dark [.w-hover-checked:hover_&]:text-default": !_ctx.disabled
+            "border-gray-300 dark:border-gray-700": unref(isDisabled) || unref(isSkeleton),
+            "border-primary dark:border-primary-dark [.w-hover-checked:hover_&]:text-default": !unref(isDisabled) && !unref(isSkeleton)
           }]),
           onKeypress: withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"])
         }, [
@@ -74,8 +77,8 @@ 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 dark:bg-primary-dark [.w-hover-checked:hover_&]:[display:block!important]": !_ctx.disabled,
-                  "bg-gray-300 dark:bg-gray-700": _ctx.disabled,
+                  "bg-primary dark:bg-primary-dark [.w-hover-checked:hover_&]:[display:block!important]": !unref(isDisabled) && !unref(isSkeleton),
+                  "bg-gray-300 dark:bg-gray-700": unref(isDisabled) || unref(isSkeleton),
                   "transition-[opacity,transform]": !_ctx.lessTransitions
                 }])
               }, null, 2), [
@@ -93,12 +96,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })) : !_ctx.radio ? withDirectives((openBlock(), createBlock(unref(IconCheck), {
             key: 2,
             class: normalizeClass(["square-[1em]", {
-              "[.w-hover-checked:hover_&]:[display:block!important]": !_ctx.disabled
+              "[.w-hover-checked:hover_&]:[display:block!important]": !unref(isDisabled) && !unref(isSkeleton)
             }])
           }, null, 8, ["class"])), [
             [vShow, _ctx.modelValue]
           ]) : createCommentVNode("", true),
-          _ctx.tooltipText && !_ctx.disabled ? (openBlock(), createBlock(_sfc_main$1, {
+          _ctx.tooltipText && !unref(isDisabled) && !unref(isSkeleton) ? (openBlock(), createBlock(_sfc_main$1, {
             key: 3,
             text: _ctx.tooltipText,
             trigger: unref(elementRef),

package/dist/components/Checkbox/types.d.ts

@@ -11,6 +11,7 @@ export interface CheckboxProps {
     icon?: SVGComponent;
     radio?: boolean;
     loading?: boolean;
+    skeleton?: boolean;
     intermediate?: boolean;
     tooltipText?: string;
     alignTop?: boolean;

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

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

package/dist/components/Chip/WChip.vue.d.ts

@@ -13,7 +13,11 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    skeleton: boolean;
+    text: string;
+    semanticType: SemanticType;
+}, {}, {}, {}, 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/Chip/WChip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAgBA;AAwCA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEjD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAcF,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,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":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAgBA;AAkDA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAGjD,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA4BJ,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cAtFN,OAAO;UAFX,MAAM;kBACE,YAAY;6EA8F7B,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/Chip/WChip.vue.js

@@ -1,15 +1,18 @@
-import { defineComponent, createBlock, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, createBlock, createElementBlock, unref, openBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
+import { useComponentStatesSkeleton } from '../../utils/useComponentStates.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WChip",
   props: {
-    text: {},
-    semanticType: {},
-    skeleton: { type: Boolean }
+    text: { default: void 0 },
+    semanticType: { default: SemanticType.SECONDARY },
+    skeleton: { type: Boolean, default: void 0 }
   },
   setup(__props) {
+    const props = __props;
+    const { isSkeleton } = useComponentStatesSkeleton(props);
     const classMap = {
       [SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
       [SemanticType.SECONDARY]: "text-description",
@@ -19,12 +22,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       [SemanticType.INFO]: "text-info dark:text-info-dark"
     };
     return (_ctx, _cache) => {
-      return _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+      return unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, {
         key: 0,
         class: "w-skeleton-h-5 max-w-28"
       })) : (openBlock(), createElementBlock("div", {
         key: 1,
-        class: normalizeClass(["w-min rounded-md bg-gray-100 px-2 py-0.5 text-xs font-semibold dark:bg-gray-800", classMap[_ctx.semanticType ?? unref(SemanticType).SECONDARY]])
+        class: normalizeClass(["w-min rounded-md bg-gray-100 px-2 py-0.5 text-xs font-semibold dark:bg-gray-800", classMap[_ctx.semanticType]])
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(_ctx.text), 1)

package/dist/components/DatePicker/WDatePicker.vue.d.ts

@@ -4,11 +4,19 @@ type __VLS_Props = {
     minDate?: Date;
     maxDate?: Date;
     readonly?: boolean;
+    disabled?: boolean;
+    skeleton?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: DateRange | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: DateRange | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {
+    skeleton: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    minDate: Date;
+    maxDate: Date;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=WDatePicker.vue.d.ts.map

package/dist/components/DatePicker/WDatePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AA8DA;AA6JA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAU7C,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;AAoSF,wBAQG"}
+{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AA8DA;AA2KA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAW7C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;cADW,OAAO;cAFP,OAAO;cACP,OAAO;aAHR,IAAI;aACJ,IAAI;;AA8TlB,wBASG"}