eco-vue-js 0.10.12 → 0.10.14

package/dist/assets/icons/default/IconCheck.svg.js

@@ -5,14 +5,17 @@ const _hoisted_1 = {
   width: "20",
   height: "20",
   fill: "none",
-  viewBox: "0 0 22 16"
+  viewBox: "0 0 24 24"
 };
 
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      fill: "currentColor",
-      d: "M8.81 16 0 5.254h3.445L8.81 11.76 18.506 0H22z"
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "3",
+      d: "m2.607 12 6.255 6.254 12.53-12.509"
     }, null, -1)
   ])))
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AAgEA;AA4GA,OAAO,EAAC,KAAK,KAAK,EAA8C,MAAM,KAAK,CAAA;AA0C3E,iBAAS,cAAc;WAyGT,OAAO,IAA6B;;cAhH1C,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;cAFhB,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;;;EAmHvB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AA+DA;AAgHA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,KAAK,EAAoC,MAAM,KAAK,CAAA;AAOjF,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAC;AAsCF,iBAAS,cAAc;WAwGT,OAAO,IAA6B;;cA7G1C,MAAM,KAAK,EAAE;;cAAb,MAAM,KAAK,EAAE;;;;EAkHpB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ActionsBar/WActionsBar.vue.js

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

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

@@ -3,7 +3,7 @@ import { RouterLink } from 'vue-router';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 
-const _hoisted_1 = { class: "whitespace-nowrap text-center text-[0.625rem] font-normal md:text-base" };
+const _hoisted_1 = { class: "text-3xs whitespace-nowrap text-center font-normal" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonAction",
   props: {
@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const semanticTypeStylesMap = {
       [SemanticType.SECONDARY]: "text-description bg-default dark:bg-default-dark hover:text-primary-default dark:hover:text-primary-dark",
-      [SemanticType.PRIMARY]: "text-default dark:text-default-dark bg-primary-default dark:bg-primary-dark",
+      [SemanticType.PRIMARY]: "text-default bg-primary-default dark:bg-primary-dark",
       [SemanticType.POSITIVE]: "text-default dark:text-default-dark bg-positive dark:bg-positive-dark",
       [SemanticType.WARNING]: "text-default dark:text-default-dark bg-warning dark:bg-warning-dark",
       [SemanticType.NEGARIVE]: "text-default dark:text-default-dark bg-negative dark:bg-negative-dark",
@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? unref(RouterLink) : _ctx.tag), mergeProps(_ctx.to !== void 0 ? { to: _ctx.to } : void 0, {
-        class: ["w-ripple w-ripple-hover relative flex w-full cursor-pointer select-none flex-col items-center border-none p-2 no-underline outline-none md:gap-2", {
+        class: ["w-ripple w-ripple-hover relative grid w-full cursor-pointer select-none justify-items-center gap-1 py-2", {
           "text-primary-default dark:text-primary-dark": _ctx.active && _ctx.semanticType === unref(SemanticType).SECONDARY,
           [_ctx.outline ? semanticTypeOutlineStylesMap[_ctx.semanticType] : semanticTypeStylesMap[_ctx.semanticType]]: true
         }],
@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           _ctx.count !== void 0 ? withDirectives((openBlock(), createBlock(_sfc_main$1, {
             key: 0,
-            class: "absolute left-[calc(50%-20px)] top-0",
+            class: "absolute left-[calc(50%-20px)] top-0 text-xs",
             count: _ctx.count,
             trigger: 1
           }, null, 8, ["count"])), [
@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "icon", {}, () => [
             _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
               key: 0,
-              class: "square-8"
+              class: "square-6"
             })) : createCommentVNode("", true)
           ]),
           createElementVNode("div", _hoisted_1, toDisplayString(_ctx.title), 1)

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

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { doCopy, iconCopy, copied } = useCopy(toRef(props, "value"));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "text-description square-5 w-hover-circle relative inline-block cursor-pointer select-none",
+        class: "text-description square-[1.25em] w-hover-circle relative inline-block cursor-pointer select-none",
         onClick: _cache[0] || (_cache[0] = ($event) => unref(doCopy)())
       }, [
         (openBlock(), createBlock(resolveDynamicComponent(unref(iconCopy)), {

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    icon: SVGComponent;
+    tooltipText?: string;
+    loading?: boolean;
+    skeleton?: boolean;
+    disabled?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (value: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((value: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=WButtonInput.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AAuCA;AA8DA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,YAAY,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;AA2GF,wBAOG"}

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

@@ -0,0 +1,51 @@
+import { defineComponent, createBlock, createElementBlock, openBlock, withModifiers, normalizeClass, createCommentVNode, resolveDynamicComponent } from 'vue';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import WSpinner from '../Spinner/WSpinner.vue.js';
+import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
+
+const _hoisted_1 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WButtonInput",
+  props: {
+    icon: {},
+    tooltipText: {},
+    loading: { type: Boolean },
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+        key: 0,
+        class: "-square--w-input-height w-skeleton-rounded-[--w-input-rounded,0.75rem]"
+      })) : (openBlock(), createElementBlock("button", {
+        key: 1,
+        class: normalizeClass(["-square--w-input-height bg-default dark:bg-default-dark relative flex select-none items-center justify-center rounded-[--w-input-rounded,0.75rem] border border-solid border-gray-200 dark:border-gray-800", {
+          "cursor-not-allowed opacity-50": _ctx.disabled,
+          "w-ripple w-ripple-hover cursor-pointer": !_ctx.disabled,
+          "cursor-progress": _ctx.loading
+        }]),
+        disabled: _ctx.disabled,
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => !_ctx.disabled && !_ctx.loading && _ctx.$emit("click", $event), ["stop", "prevent"])),
+        onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["stop", "prevent"]))
+      }, [
+        _ctx.loading ? (openBlock(), createBlock(WSpinner, {
+          key: 0,
+          class: "w-spinner-size-[1.125em]"
+        })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+          key: 1,
+          class: "square-[1.125em]"
+        })),
+        _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 2,
+          text: _ctx.tooltipText,
+          "no-touch": ""
+        }, null, 8, ["text"])) : createCommentVNode("", true)
+      ], 42, _hoisted_1));
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA8CA;AAoFA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiBF,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;;yBArGhC,IAAI;YA2FQ,GAAG;;;;EAehC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,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":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AAiDA;AAuFA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiBF,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;;yBAvGhC,IAAI;YA6FQ,GAAG;;;;EAehC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,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/Button/WButtonMore.vue.js

@@ -41,13 +41,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           toggle: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass(["relative p-px", {
+              class: normalizeClass(["relative", {
                 "w-hover-circle": !_ctx.disabled,
                 "text-description": !isOpen.value,
                 "text-primary-default dark:text-primary-dark": isOpen.value
               }])
             }, [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(IconMore))))
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(IconMore)), { class: "square-[1.25em]" }))
             ], 2)
           ]),
           content: withCtx(() => [

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

@@ -7,7 +7,7 @@ import _sfc_main$3 from './WButtonSelectionAction.vue.js';
 import _sfc_main$4 from './WButtonSelectionState.vue.js';
 import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
 
-const _hoisted_1 = { class: "sm:left-inner sm:w-inner grid h-12 w-full grid-cols-[1fr,auto] pb-3 sm:sticky" };
+const _hoisted_1 = { class: "sm:left-inner sm:w-inner grid w-full grid-cols-[1fr,auto] pb-3 sm:sticky" };
 const _hoisted_2 = { class: "flex" };
 const _hoisted_3 = { class: "text-primary-default dark:text-primary-dark font-semibold" };
 const _hoisted_4 = { class: "sm-not:text-xs" };

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAiCA;AAqDA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,YAAY,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;;;;;;AAsFF,wBAQG"}
+{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAoCA;AAwDA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,YAAY,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;;;;;;AAwFF,wBAQG"}

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

@@ -2,10 +2,10 @@ import { defineComponent, createElementBlock, openBlock, normalizeClass, createE
 import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
 
 const _hoisted_1 = ["disabled"];
-const _hoisted_2 = { class: "flex h-9 items-center gap-2 px-5 sm:px-[1.125rem]" };
+const _hoisted_2 = { class: "-h--w-input-height flex items-center gap-2 px-[--w-list-padding,1rem]" };
 const _hoisted_3 = {
   key: 0,
-  class: "sm-not:hidden whitespace-nowrap text-base font-normal"
+  class: "sm-not:hidden whitespace-nowrap font-normal"
 };
 const _hoisted_4 = { class: "whitespace-nowrap" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
       }, [
         createElementVNode("div", _hoisted_2, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon))),
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-[1.25em]" })),
           _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)
         ]),
         _ctx.disableMessage ? (openBlock(), createBlock(_sfc_main$1, { key: 0 }, {

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

@@ -2,7 +2,7 @@ import { defineComponent, createElementBlock, openBlock, createElementVNode, ren
 import IconCancel from '../../assets/icons/default/IconCancel.svg.js';
 
 const _hoisted_1 = { class: "sm-not:gap-1 grid grid-cols-[1fr,auto] gap-3" };
-const _hoisted_2 = { class: "sm-not:text-xs text-description self-center truncate whitespace-nowrap text-base font-normal" };
+const _hoisted_2 = { class: "sm-not:text-xs text-description self-center truncate whitespace-nowrap font-normal" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonSelectionState",
   emits: ["click"],
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "text-description w-ripple w-ripple-hover relative flex cursor-pointer select-none items-center justify-self-end",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
         }, [
-          createVNode(unref(IconCancel), { class: "square-5 sm-not:-mx--inner-margin mx-[1.125rem]" })
+          createVNode(unref(IconCancel), { class: "square-[1.25em] mx-[--w-list-padding,1rem]" })
         ])
       ]);
     };

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

@@ -11,14 +11,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["square-5 relative flex items-center justify-center rounded-full outline-none", {
+        class: normalizeClass(["square-[1.25em] relative flex items-center justify-center rounded-full outline-none", {
           "cursor-not-allowed": _ctx.disabled,
           "cursor-progress": _ctx.loading,
           "w-ripple w-ripple-hover cursor-pointer ": !_ctx.loading && !_ctx.disabled
         }]),
         onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.loading && !_ctx.disabled && _ctx.$emit("click", $event))
       }, [
-        createVNode(unref(IconCancel), { class: "square-3" })
+        createVNode(unref(IconCancel), { class: "square-[0.75em]" })
       ], 2);
     };
   }

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

@@ -6,7 +6,7 @@ import IconCheck from '../../assets/icons/default/IconCheck.svg.js';
 const _hoisted_1 = ["onKeypress"];
 const _hoisted_2 = {
   key: 0,
-  class: "text-accent flex items-center gap-1 text-base font-normal"
+  class: "text-accent flex items-center gap-1"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WCheckbox",
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: toggle
       }, [
         createElementVNode("div", {
-          class: normalizeClass(["square-6 bg-default dark:bg-default-dark relative isolate flex items-center justify-center border border-solid", {
+          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-gray-300 dark:text-gray-700": !_ctx.modelValue && _ctx.disabled,
@@ -80,17 +80,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["enter-from-class", "leave-to-class"]),
           _ctx.loading ? (openBlock(), createBlock(WSpinner, {
             key: 0,
-            class: "w-spinner-size-4"
+            class: "w-spinner-size-[1em]"
           })) : _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
             key: 1,
-            class: "square-4"
+            class: "square-[1em]"
           })) : !_ctx.radio ? withDirectives((openBlock(), createBlock(unref(IconCheck), {
             key: 2,
-            class: "square-4"
+            class: "square-[1em]"
           }, null, 512)), [
             [vShow, _ctx.modelValue]
           ]) : createCommentVNode("", true),
-          _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$1, {
+          _ctx.tooltipText && !_ctx.disabled ? (openBlock(), createBlock(_sfc_main$1, {
             key: 3,
             text: _ctx.tooltipText,
             trigger: unref(elementRef),

package/dist/components/Counter/WCounter.vue.d.ts.map

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AAgDA;AA2EA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAM9B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAeF,iBAAS,cAAc;WAyGT,OAAO,IAA6B;;kBA/GtC,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;kBADX,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;;;EAmHtB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AAkDA;AA6EA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAM9B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAeF,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;kBAhHtC,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;kBADX,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;;;EAoHtB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Expansion/WExpansionItem.vue.js

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

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

@@ -102,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["filter-field", "encoded-query-param"])) : createCommentVNode("", true)
             ], 64)) : (openBlock(), createBlock(WSkeleton, {
               key: 1,
-              class: "w-skeleton-h-4 w-skeleton-w-16"
+              class: "w-skeleton-w-16"
             }))
           ], 2)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "subtitle"),
@@ -119,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               renderSlot(_ctx.$slots, "field", normalizeProps(guardReactiveProps({ id: unref(id), setFocused, focused: focused.value })), () => [
                 createElementVNode("div", {
-                  class: normalizeClass(["flex min-h-11 items-center text-base font-normal", {
+                  class: normalizeClass(["flex min-h-[--w-input-height,2.75rem] items-center text-base font-normal", {
                     "font-mono": _ctx.mono,
                     "border-t border-solid border-gray-300 dark:border-gray-700": _ctx.title || _ctx.$slots.title
                   }])
@@ -164,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ], 2)) : (openBlock(), createBlock(WSkeleton, {
               key: 1,
-              class: "w-skeleton-w-full w-skeleton-rounded-xl w-skeleton-h-[calc(var(--field-height,2.125rem)+0.625rem)]"
+              class: "w-skeleton-w-full w-skeleton-rounded-[--w-input-rounded,0.75rem] w-skeleton-h-[--w-input-height,2.75rem]"
             })),
             _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_5, [
               renderSlot(_ctx.$slots, "right")

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

@@ -1 +1 @@
-{"version":3,"file":"WFilterWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FilterWrapper/WFilterWrapper.vue"],"names":[],"mappings":"AAoCA;AAqHA,OAAO,EAAC,KAAK,KAAK,EAAoC,MAAM,KAAK,CAAA;AAWjE,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAC;AAiEF,iBAAS,cAAc;WAuFT,OAAO,IAA6B;;iBA7FvC,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;iBADZ,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;;;EAiGtB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFilterWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FilterWrapper/WFilterWrapper.vue"],"names":[],"mappings":"AAsCA;AAuHA,OAAO,EAAC,KAAK,KAAK,EAAoC,MAAM,KAAK,CAAA;AAWjE,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAC;AAiEF,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;iBA/FvC,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;iBADZ,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;;;EAmGtB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}