eco-vue-js 0.10.13 → 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/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/Expansion/WExpansionItem.vue.js

@@ -28,11 +28,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
               key: 0,
-              class: "square-6"
+              class: "square-[1.5em]"
             })) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_1, [
               createElementVNode("span", {
-                class: normalizeClass(["relative pr-4 font-semibold", { "text-xs": _ctx.minTitle, "text-base": !_ctx.minTitle }])
+                class: normalizeClass(["relative pr-4 font-semibold", { "text-xs": _ctx.minTitle }])
               }, [
                 createTextVNode(toDisplayString(_ctx.title) + " ", 1),
                 createVNode(Transition, {
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             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"])
             ])
           ]),

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/Input/WInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AA0KA;AAwXA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAWtB,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkkB1D,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBA3d7B,IAAI;oBAML,IAAI;MAqdgD,GAAG,IAAI;WACpE,GAAG;;uBA/CgB,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;;;YA7gBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;YA4iBwB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5kBvE,wBA4kB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAmLA;AAiYA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAWtB,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAykB1D,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAle7B,IAAI;oBAML,IAAI;MA4dgD,GAAG,IAAI;WACpE,GAAG;;uBA/CgB,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;;;YAphBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;YAmjBwB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnlBvE,wBAmlB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -5,11 +5,6 @@ import { Notify } from '../../utils/Notify.js';
 import _sfc_main$2 from './components/InputActions.vue.js';
 
 const _hoisted_1 = { class: "flex flex-wrap gap-1" };
-const _hoisted_2 = {
-  key: 0,
-  class: "text-description flex h-full w-11 select-none items-center justify-center"
-};
-const _hoisted_3 = { class: "flex flex-wrap gap-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "WInput",
@@ -217,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           fn: withCtx(({ id, setFocused, focused }) => [
             createElementVNode("div", {
               class: normalizeClass(["bg-default dark:bg-default-dark relative grid min-h-[--w-input-height,2.75rem] grid-cols-[auto,1fr,auto] overflow-hidden rounded-[--w-input-rounded,0.75rem] border border-solid transition-colors duration-75", {
-                "focus-within:border-primary-default dark:focus-within:border-primary-dark": !_ctx.disabled && !_ctx.readonly && !_ctx.unclickable,
+                "focus-within:border-primary-default dark:focus-within:border-primary-dark focus-within:outline-primary-default/20 dark:focus-within:outline-primary-dark/20 focus-within:outline focus-within:outline-2": !_ctx.disabled && !_ctx.readonly && !_ctx.unclickable,
                 "cursor-text": !_ctx.disabled,
                 "border-negative dark:border-negative-dark": _ctx.errorMessage,
                 "border-gray-300 dark:border-gray-700": !_ctx.disabled,
@@ -227,20 +222,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {
               }, ["prevent"]))
             }, [
-              _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-5" }))
-              ])) : createCommentVNode("", true),
+              _ctx.icon ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(["flex h-full w-[--w-input-height,2.75rem] select-none items-center justify-center", {
+                  "text-description": !focused,
+                  "text-primary-default dark:text-primary-dark": focused
+                }])
+              }, [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-[1.125em]" }))
+              ], 2)) : createCommentVNode("", true),
               createElementVNode("div", {
                 class: normalizeClass(["group/input col-start-2 grid grid-cols-1", {
-                  "py-1 first:pl-1 last:pr-1": _ctx.$slots.prefix
+                  "py-[--w-input-gap,0.25rem] first:pl-[--w-input-gap,0.25rem] last:pr-[--w-input-gap,0.25rem]": _ctx.$slots.prefix
                 }])
               }, [
-                createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", {
+                  class: normalizeClass(["flex flex-wrap gap-[--w-input-gap,0.25rem]", {
+                    "[&:not(:has(.w-option-has-bg))]:-px--w-option-padding": !_ctx.icon
+                  }])
+                }, [
                   renderSlot(_ctx.$slots, "prefix"),
                   createElementVNode("div", {
                     class: normalizeClass(["flex flex-1 items-baseline", {
-                      "first:pl-0 group-first/input:pl-[--w-input-rounded,0.75rem] group-last/input:pr-[--w-input-rounded,0.75rem] [&:not(:first-child)]:pl-[--w-input-rounded,0.75rem]": !_ctx.hideInput,
-                      "absolute w-0 max-w-0 p-0": _ctx.hideInput
+                      "absolute w-0 max-w-0": _ctx.hideInput,
+                      "w-option-has-bg-input": _ctx.$slots.prefix
                     }])
                   }, [
                     renderSlot(_ctx.$slots, "before"),
@@ -248,11 +253,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       id,
                       ref: "input",
                       class: normalizeClass(["w-input max-w-full flex-1 appearance-none border-none bg-[inherit] font-normal outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-80 dark:placeholder:text-gray-500", {
-                        "min-h-[--w-textarea-height,10rem] w-full py-3": _ctx.textarea,
+                        "-py--w-option-padding min-h-[--w-textarea-height,10rem] w-full": _ctx.textarea,
                         "resize-y": _ctx.resize && _ctx.textarea,
                         "resize-none": !_ctx.resize && _ctx.textarea,
-                        "h-[calc(var(--w-input-height,2.75rem)-0.125rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
-                        "h-[calc(var(--w-input-height,2.75rem)-0.625rem)]": !_ctx.textarea && _ctx.$slots.suffix,
+                        "h-[calc(var(--w-input-height,2.75rem)-2px)]": !_ctx.textarea && !_ctx.$slots.suffix,
+                        "w-option": !_ctx.textarea && _ctx.$slots.prefix,
                         "font-mono": _ctx.mono,
                         "text-secure": _ctx.textSecure && !isSecureVisible.value,
                         "text-black-default dark:text-gray-200": !_ctx.disabled,
@@ -295,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 40, ["id", "class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "step", "min", "max", "spellcheck", "onFocus", "onBlur"])),
                     renderSlot(_ctx.$slots, "after")
                   ], 2)
-                ])
+                ], 2)
               ], 2),
               createVNode(_sfc_main$2, {
                 "model-value": _ctx.modelValue,

package/dist/components/Input/WInputAsync.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AAgHA;AA0SA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;yBAgB3B,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAwc1D,mBAAmB,CAAC;;iLAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAjDiB,GAAG;0BACA,GAAG;uBACN,GAAG;;cAjZzB,mBAAmB,SAAS,4CAAa,SAAS,KAAG,IAAI;;;;YAqcnB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAldvE,wBAkd4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AAwFA;AAgRA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;yBAc3B,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4Z1D,mBAAmB,CAAC;;iLAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAhDiB,GAAG;0BACA,GAAG;uBACN,GAAG;;cAtWzB,mBAAmB,SAAS,4CAAa,SAAS,KAAG,IAAI;;;;YAyZnB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtavE,wBAsa4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,8 +1,6 @@
-import { defineComponent, ref, useTemplateRef, computed, watch, toRef, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, createCommentVNode, Fragment, withModifiers, normalizeClass, unref, createElementVNode, createVNode, Transition, normalizeStyle, nextTick } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, watch, toRef, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createCommentVNode, normalizeClass, markRaw, unref, createElementVNode, createVNode, Transition, createElementBlock, normalizeStyle, nextTick } from 'vue';
+import _sfc_main$2 from '../Button/WButtonInput.vue.js';
 import _sfc_main$1 from './WInput.vue.js';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
-import WSpinner from '../Spinner/WSpinner.vue.js';
-import _sfc_main$2 from '../Tooltip/WTooltip.vue.js';
 import IconCheck from '../../assets/icons/default/IconCheck.svg.js';
 import IconEdit from '../../assets/icons/sax/IconEdit.svg.js';
 import IconSlash from '../../assets/icons/sax/IconSlash.svg.js';
@@ -196,9 +194,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onKeypress:enter": handleEnterPress,
         onClick: open,
         onBlur: close,
-        onFocus: _cache[1] || (_cache[1] = ($event) => focused.value = true),
+        onFocus: _cache[0] || (_cache[0] = ($event) => focused.value = true),
         onPaste: handlePaste,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event)
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
       }), createSlots({ _: 2 }, [
         _ctx.$slots.title ? {
           name: "title",
@@ -218,33 +216,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: "right",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "right"),
-            !_ctx.readonly && !_ctx.hideButton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
-                key: 0,
-                class: "w-skeleton-w-11 w-skeleton-h-11 w-skeleton-rounded-lg"
-              })) : (openBlock(), createElementBlock("button", {
-                key: 1,
-                class: normalizeClass(["square-11 bg-default dark:bg-default-dark relative flex items-center justify-center rounded-lg border border-solid border-gray-200 dark:border-gray-800", {
-                  "cursor-not-allowed": _ctx.disabled,
-                  "cursor-progress": _ctx.loading,
-                  "w-ripple w-ripple-hover": !_ctx.disabled && !_ctx.loading,
-                  "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": canSave.value,
-                  "text-description": !canSave.value
-                }]),
-                onClick: withModifiers(toggle, ["stop", "prevent"]),
-                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["stop", "prevent"]))
-              }, [
-                _ctx.loading ? (openBlock(), createBlock(WSpinner, {
-                  key: 0,
-                  class: "w-spinner-size-5"
-                })) : canSave.value ? (openBlock(), createBlock(unref(IconCheck), { key: 1 })) : focused.value ? (openBlock(), createBlock(unref(IconSlash), { key: 2 })) : (openBlock(), createBlock(unref(IconEdit), { key: 3 })),
-                !_ctx.loading && focused.value ? (openBlock(), createBlock(_sfc_main$2, {
-                  key: 4,
-                  text: canSave.value ? "Save" : "Cancel"
-                }, null, 8, ["text"])) : createCommentVNode("", true)
-              ], 34))
-            ], 64)) : createCommentVNode("", true)
+            !_ctx.readonly && !_ctx.hideButton ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              icon: canSave.value ? markRaw(unref(IconCheck)) : focused.value ? markRaw(unref(IconSlash)) : markRaw(unref(IconEdit)),
+              "tooltip-text": !_ctx.loading && focused.value ? canSave.value ? "Save" : "Cancel" : void 0,
+              loading: _ctx.loading,
+              skeleton: _ctx.skeleton,
+              disabled: _ctx.disabled,
+              class: normalizeClass({
+                "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": canSave.value
+              }),
+              onClick: toggle
+            }, null, 8, ["icon", "tooltip-text", "loading", "skeleton", "disabled", "class"])) : createCommentVNode("", true)
           ]),
           key: "2"
         } : void 0,

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

@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: _cache[2] || (_cache[2] = ($event) => _ctx.isSecureVisible ? _ctx.$emit("hide:secure", $event) : _ctx.$emit("show:secure", $event))
         }, null, 8, ["icon", "tooltip-text", "disabled"])) : createCommentVNode("", true),
         _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(WSpinner, { class: "[--spinner-size:1.5rem]" })
+          createVNode(WSpinner, { class: "w-spinner-size-[1.125em]" })
         ])) : _ctx.$slots.default ? (openBlock(), createBlock(_sfc_main$1, {
           key: 5,
           disabled: _ctx.disabled,

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

@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("click", $event), ["stop"]))
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-5" })),
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-[1.125em]" })),
           _ctx.tooltipText && !_ctx.disabled ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             text: _ctx.tooltipText,

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

@@ -1 +1 @@
-{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AAmPA;AAmYA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAWzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAWrB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,eAC9H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2tB1D,mBAAmB,CAAC;;;;;;gBAxtBlB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;mBA6rBoD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAjEiB,GAAG;2BACC,GAAG;;;;;YACP,GAAG;;cA3nBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;;;;YA+rBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AAruBvE,wBAquB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AAkPA;AAkYA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAWzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAWrB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,eAC9H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAytB1D,mBAAmB,CAAC;;;;;;gBAttBlB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;mBA2rBoD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAjEiB,GAAG;2BACC,GAAG;;;;;YACP,GAAG;;cAznBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;;;;YA6rBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnuBvE,wBAmuB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -202,8 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]), 1032, ["title", "disable-message", "selected-count", "onClear:selection"]),
             !unref(isGrid) ? (openBlock(), createBlock(_sfc_main$7, {
               key: 0,
-              class: "sm-not:hidden mb-4",
-              "query-params": _ctx.queryParams,
+              class: "sm-not:hidden mb-[--w-list-gap,1rem]",
               "allow-select": allowSelect.value,
               "tooltip-text": _ctx.selectAllTextGetter(unref(selectAllValue) !== true, _ctx.count ?? listCount.value ?? 0),
               count: _ctx.count ?? listCount.value,
@@ -231,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, 8, ["fields"])
               ]),
               _: 2
-            }, 1032, ["query-params", "allow-select", "tooltip-text", "count", "selection", "onUpdate:header"])) : createCommentVNode("", true)
+            }, 1032, ["allow-select", "tooltip-text", "count", "selection", "onUpdate:header"])) : createCommentVNode("", true)
           ]),
           default: withCtx(({ item, skeleton, setter, refetch, previous, index, position, value }) => [
             _ctx.groupBy && (index === 0 || !skeleton && (!previous || !_ctx.groupBy(item, previous))) ? renderSlot(_ctx.$slots, "group", {

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

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAuLA;AA+OA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAuBF,iBAAS,cAAc;WA6UT,OAAO,IAA6B;;;;;;YAdpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;EAgBlC;AAwBD,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":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAsLA;AA8OA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAuBF,iBAAS,cAAc;WA4UT,OAAO,IAA6B;;;;;;YAdpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;EAgBlC;AAwBD,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"}

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

@@ -79,8 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.card ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(["left-inner bg-default dark:bg-default-dark @not-lg:hidden sticky z-[1]", {
-              "width-16": _ctx.allowSelect,
-              "width-4": !_ctx.allowSelect
+              "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)),
@@ -99,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "model-value": _ctx.selected,
                 disabled: _ctx.disabled,
                 "align-top": _ctx.alignTop,
-                class: normalizeClass(["h-full px-4", {
+                class: normalizeClass(["h-full px-[--w-list-padding,1rem]", {
                   "opacity-50": _ctx.allowSelectHover,
                   "pt-3": _ctx.alignTop
                 }]),
@@ -160,8 +159,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.card ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(["right-inner bg-default dark:bg-default-dark sticky z-[1]", {
-              "width-14": _ctx.$slots.more,
-              "width-4": !_ctx.$slots.more
+              "width-[calc(var(--w-list-padding,1rem)*2+1.25em)]": _ctx.$slots.more,
+              "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)),
@@ -177,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 0,
-                class: normalizeClass(["flex h-full px-4", {
+                class: normalizeClass(["flex h-full px-[--w-list-padding,1rem]", {
                   "items-start pt-3": _ctx.alignTop,
                   "items-center": !_ctx.alignTop
                 }]),

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

@@ -1 +1 @@
-{"version":3,"file":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AA2CA;AA4EA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,MAAM,CAAA;CACpB,CAAC;AAmBF,iBAAS,cAAc;WAsFT,OAAO,IAA6B;;yBAXrB,GAAG;0BACF,GAAG;;;;EAehC;AAUD,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":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AA0CA;AA2EA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,MAAM,CAAA;CACpB,CAAC;AAmBF,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;yBAXrB,GAAG;0BACF,GAAG;;;;EAehC;AAUD,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"}

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

@@ -1,7 +1,7 @@
 import { defineComponent, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, normalizeClass, createBlock, createCommentVNode, renderSlot } from 'vue';
 import _sfc_main$1 from '../Checkbox/WCheckbox.vue.js';
 
-const _hoisted_1 = { class: "flex h-12" };
+const _hoisted_1 = { class: "flex h-[--w-list-header-height,3rem]" };
 const _hoisted_2 = { class: "left-inner bg-default dark:bg-default-dark sticky z-[1]" };
 const _hoisted_3 = { class: "bg-primary-light dark:bg-primary-darkest flex flex-1 border-y border-solid border-gray-300 dark:border-gray-700" };
 const _hoisted_4 = { class: "right-inner bg-default dark:bg-default-dark sticky z-[1]" };
@@ -29,18 +29,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2, [
           _cache[1] || (_cache[1] = 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(["bg-primary-light dark:bg-primary-darkest h-full rounded-l-2xl border-y border-l border-solid border-gray-300 dark:border-gray-700", {
-              "width-16": _ctx.allowSelect,
-              "width-4": !_ctx.allowSelect
+            class: normalizeClass(["bg-primary-light dark:bg-primary-darkest h-full rounded-l-[--w-list-header-rounded,1rem] border-y border-l border-solid border-gray-300 dark:border-gray-700", {
+              "width-[--w-list-header-rounded,1rem]": !_ctx.allowSelect
             }])
           }, [
-            _ctx.allowSelect && _ctx.selection !== void 0 && _ctx.count !== 0 && _ctx.count !== void 0 ? (openBlock(), createBlock(_sfc_main$1, {
+            _ctx.allowSelect && _ctx.selection !== void 0 ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              disabled: _ctx.disabled,
+              disabled: _ctx.disabled || _ctx.count === 0 || _ctx.count === void 0,
               "model-value": _ctx.selection,
               "tooltip-text": _ctx.tooltipText,
               intermediate: "",
-              class: "size-full justify-end pr-6",
+              class: "size-full px-[--w-list-padding,1rem]",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle:selection", $event))
             }, null, 8, ["disabled", "model-value", "tooltip-text"])) : createCommentVNode("", true)
           ], 2)
@@ -51,9 +50,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_4, [
           _cache[2] || (_cache[2] = 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(["bg-primary-light dark:bg-primary-darkest h-full rounded-r-2xl border-y border-r border-solid border-gray-300 dark:border-gray-700", {
-              "width-14": !_ctx.hideMore,
-              "width-4": _ctx.hideMore
+            class: normalizeClass(["bg-primary-light dark:bg-primary-darkest h-full rounded-r-[--w-list-header-rounded,0.75rem] border-y border-r border-solid border-gray-300 dark:border-gray-700", {
+              "width-[calc(var(--w-list-padding,1rem)*2+1.25em)]": !_ctx.hideMore,
+              "width-[--w-list-header-rounded,1rem]": _ctx.hideMore
             }])
           }, [
             renderSlot(_ctx.$slots, "settings")

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

@@ -1,8 +1,8 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
 
 const _hoisted_1 = { class: "bg-default dark:bg-default-dark sticky top-0 z-[1]" };
-const _hoisted_2 = { class: "text-accent sm-not:text-xl flex items-center justify-center text-balance p-[var(--modal-wrapper-padding,2rem)] text-center text-2xl font-semibold" };
-const _hoisted_3 = { class: "sm:px-[var(--modal-wrapper-padding,2rem)]" };
+const _hoisted_2 = { class: "text-accent sm-not:text-xl -p--w-modal-wrapper-padding flex items-center justify-center text-balance text-center text-2xl font-semibold" };
+const _hoisted_3 = { class: "sm:-px--w-modal-wrapper-padding" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WModalWrapper",
   props: {
@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-default dark:bg-default-dark max-h-[calc(100%-var(--modal-wrapper-padding,2rem)*2)] w-[var(--modal-wrapper-width,35rem)] max-w-[calc(100%-var(--modal-wrapper-padding,2rem)*2)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-[--w-modal-wrapper-rounded,1.5rem] shadow-md", {
+        class: normalizeClass(["bg-default dark:bg-default-dark max-h-[calc(100%-var(--inner-margin,2rem)*2)] w-[var(--w-modal-wrapper-width,35rem)] max-w-[calc(100%-var(--inner-margin,2rem)*2)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-[--w-modal-wrapper-rounded,1.5rem] shadow-md", {
           "sm-not:max-w-full sm-not:h-full sm-not:rounded-none sm-not:max-h-full": _ctx.maximized
         }])
       }, [
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ]),
         createElementVNode("div", {
-          class: normalizeClass(["bg-default dark:bg-default-dark sticky bottom-0 z-[1] flex w-full justify-center gap-[var(--modal-wrapper-padding,2rem)] p-[var(--modal-wrapper-padding,2rem)]", {
+          class: normalizeClass(["bg-default dark:bg-default-dark -gap--inner-margin -p--w-modal-wrapper-padding sticky bottom-0 z-[1] flex w-full justify-center", {
             "sm-not:flex-col": !_ctx.maximized
           }])
         }, [

package/dist/components/Modal/modals/Confirm/ConfirmModal.vue2.js

@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("close:modal");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { class: "[--modal-wrapper-width:40rem]" }, {
+      return openBlock(), createBlock(_sfc_main$1, { class: "w-modal-wrapper-w-[40rem]" }, {
         title: withCtx(() => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ]),

package/dist/components/Select/components/SelectAsyncPrefixPage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAkDA;AA2GA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAM1F,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiM1D,mBAAmB,CAAC;;;;uQAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAlJC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YA3CvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;YAgMF,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3MvE,wBA2M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAmDA;AA4GA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAM1F,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAmM1D,mBAAmB,CAAC;;;;uQAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBApJC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YA3CvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;YAkMF,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7MvE,wBA6M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -76,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createVNode(_sfc_main$1, {
                     loading: _ctx.loading,
                     disabled: _ctx.disabled,
-                    class: "-mr-2 ml-1",
+                    class: "w-option-button ml-1 mr-2",
                     onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                     }, ["stop", "prevent"])),
                     onClick: withModifiers(($event) => !_ctx.loading && _ctx.$emit("unselect", _ctx.valueGetter(option)), ["stop", "prevent"])
@@ -90,6 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             loading: _ctx.loading,
             disabled: _ctx.disabled,
+            class: "ml-1 mr-2",
             onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["stop", "prevent"])),
             onClick: withModifiers(($event) => !_ctx.loading && _ctx.$emit("unselect", _ctx.valueGetter(option)), ["stop", "prevent"])

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 col-start-3 flex items-center justify-center [--spinner-size:1.5rem]"
+  class: "text-primary-default dark:text-primary-dark w-spinner-size-[1.5em] col-start-3 flex items-center justify-center"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectOption",

package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AAuCA;AAoDA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAA;yBAIrD,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAChF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6I1D,mBAAmB,CAAC;;2LAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA7BiB,GAAG;;cA5GzB,UAAU,KAAG,IAAI;;;;YA8IqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvJvE,wBAuJ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AAyCA;AAsDA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAA;yBAIrD,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAChF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkJ1D,mBAAmB,CAAC;;2LAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA7BkB,GAAG;;cAjH1B,UAAU,KAAG,IAAI;;;;YAmJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5JvE,wBA4J4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createBlock, createCommentVNode, resolveDynamicComponent, mergeProps, withCtx, withModifiers } from 'vue';
+import { defineComponent, createBlock, createElementBlock, openBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, withModifiers, normalizeClass, renderSlot } from 'vue';
 import _sfc_main$1 from '../../Button/WButtonUnselect.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -15,42 +15,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["unselect"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps({ key: 0 }, _ctx.optionComponentProps, {
+        option: _ctx.option,
+        index: _ctx.index,
+        selected: true,
+        model: true
+      }), {
+        default: withCtx(() => [
+          !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            loading: _ctx.loading,
+            disabled: _ctx.disabled,
+            class: "w-option-button ml-1 mr-2",
+            onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop", "prevent"])),
+            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("unselect"), ["stop", "prevent"]))
+          }, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16, ["option", "index"])) : (openBlock(), createElementBlock("div", {
+        key: 1,
         class: normalizeClass(["text-description group/model relative grid grid-cols-[1fr,auto] items-center", {
           "cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled
         }])
       }, [
-        renderSlot(_ctx.$slots, "option", {}, () => [
-          _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps({ key: 0 }, _ctx.optionComponentProps, {
-            option: _ctx.option,
-            index: _ctx.index,
-            selected: true,
-            model: true
-          }), {
-            default: withCtx(() => [
-              !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                loading: _ctx.loading,
-                disabled: _ctx.disabled,
-                class: "-mr-2 ml-1",
-                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["stop", "prevent"])),
-                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("unselect"), ["stop", "prevent"]))
-              }, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 16, ["option", "index"])) : createCommentVNode("", true)
-        ]),
-        !_ctx.optionComponent && !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
+        renderSlot(_ctx.$slots, "option"),
+        !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
           loading: _ctx.loading,
           disabled: _ctx.disabled,
+          class: "mx-1 mr-2",
           onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
           }, ["stop", "prevent"])),
           onClick: _cache[3] || (_cache[3] = withModifiers(($event) => _ctx.$emit("unselect"), ["stop", "prevent"]))
         }, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)
-      ], 2);
+      ], 2));
     };
   }
 });

package/dist/components/Spinner/WSpinner.vue.js

@@ -4,7 +4,7 @@ import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 const _sfc_main = {};
 
 const _hoisted_1 = {
-  class: "square-[var(--spinner-size,2rem)] animate-spin",
+  class: "square-[var(--w-spinner-size,2rem)] animate-spin",
   width: "20",
   height: "20",
   viewBox: "25 25 50 50"

package/dist/components/Tabs/WTabsColumns.vue.js

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _: 3
       })) : (openBlock(), createElementBlock("div", {
         key: 1,
-        class: "grid grid-cols-[repeat(var(--w-columns-length),calc(50%-((var(--w-columns-length)-1)*var(--modal-wrapper-padding,2rem)/2)))] gap-[var(--modal-wrapper-padding,2rem)]",
+        class: "grid grid-cols-[repeat(var(--w-columns-length),calc(50%-((var(--w-columns-length)-1)*var(--w-modal-wrapper-padding,2rem)/2)))] gap-[var(--w-modal-wrapper-padding,2rem)]",
         style: normalizeStyle({ "--w-columns-length": _ctx.$slots.default?.().length })
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {

package/dist/components/Toggle/WToggle.vue.js

@@ -99,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               _ctx.loading ? (openBlock(), createBlock(WSpinner, {
                 key: 0,
-                class: "text-description [--spinner-size:1.25rem]"
+                class: "text-description w-spinner-size-5"
               })) : createCommentVNode("", true)
             ], 2)
           ], 2)

package/dist/imports/componentsPlugin.d.ts

@@ -6,6 +6,7 @@ import { default as WButtonAction } from '../components/Button/WButtonAction.vue
 import { default as WButtonCopy } from '../components/Button/WButtonCopy.vue';
 import { default as WButtonDropdown } from '../components/Button/WButtonDropdown.vue';
 import { default as WButtonGroup } from '../components/Button/WButtonGroup.vue';
+import { default as WButtonInput } from '../components/Button/WButtonInput.vue';
 import { default as WButtonMore } from '../components/Button/WButtonMore.vue';
 import { default as WButtonMoreItem } from '../components/Button/WButtonMoreItem.vue';
 import { default as WButtonSelection } from '../components/Button/WButtonSelection.vue';
@@ -85,5 +86,5 @@ declare const _default: {
     install: (app: App | any) => void;
 };
 export default _default;
-export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WButtonSelectionState, WButtonUnselect, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormAsyncButtonGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WFormValidator, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WNumberFormatter, WPage, WPageNumerator, WPageTitle, WProgress, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WTooltip, WTooltipContainer, };
+export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonInput, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WButtonSelectionState, WButtonUnselect, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormValidator, WFormAsyncButtonGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WNumberFormatter, WPage, WPageNumerator, WPageTitle, WProgress, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WTooltip, WTooltipContainer, };
 //# sourceMappingURL=componentsPlugin.d.ts.map

package/dist/imports/componentsPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentsPlugin.d.ts","sourceRoot":"","sources":["../../src/imports/componentsPlugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"componentsPlugin.d.ts","sourceRoot":"","sources":["../../src/imports/componentsPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AAE5B,OAAO,WAAW,MAAM,yCAAyC,CAAA;AACjE,OAAO,YAAY,MAAM,2CAA2C,CAAA;AACpE,OAAO,OAAO,MAAM,iCAAiC,CAAA;AACrD,OAAO,aAAa,MAAM,uCAAuC,CAAA;AACjE,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAC7D,OAAO,eAAe,MAAM,yCAAyC,CAAA;AACrE,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAC7D,OAAO,eAAe,MAAM,yCAAyC,CAAA;AACrE,OAAO,gBAAgB,MAAM,0CAA0C,CAAA;AACvE,OAAO,sBAAsB,MAAM,gDAAgD,CAAA;AACnF,OAAO,qBAAqB,MAAM,+CAA+C,CAAA;AACjF,OAAO,eAAe,MAAM,yCAAyC,CAAA;AACrE,OAAO,SAAS,MAAM,qCAAqC,CAAA;AAC3D,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,aAAa,MAAM,6CAA6C,CAAA;AACvE,OAAO,QAAQ,MAAM,mCAAmC,CAAA;AACxD,OAAO,WAAW,MAAM,yCAAyC,CAAA;AACjE,OAAO,iBAAiB,MAAM,+CAA+C,CAAA;AAC7E,OAAO,SAAS,MAAM,qCAAqC,CAAA;AAC3D,OAAO,aAAa,MAAM,6CAA6C,CAAA;AACvE,OAAO,eAAe,MAAM,iDAAiD,CAAA;AAC7E,OAAO,UAAU,MAAM,uCAAuC,CAAA;AAC9D,OAAO,cAAc,MAAM,2CAA2C,CAAA;AACtE,OAAO,aAAa,MAAM,6CAA6C,CAAA;AACvE,OAAO,WAAW,MAAM,yCAAyC,CAAA;AACjE,OAAO,cAAc,MAAM,+CAA+C,CAAA;AAC1E,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,cAAc,MAAM,sCAAsC,CAAA;AACjE,OAAO,qBAAqB,MAAM,kDAAkD,CAAA;AACpF,OAAO,eAAe,MAAM,4CAA4C,CAAA;AACxE,OAAO,gBAAgB,MAAM,6CAA6C,CAAA;AAC1E,OAAO,8BAA8B,MAAM,2DAA2D,CAAA;AACtG,OAAO,sBAAsB,MAAM,mDAAmD,CAAA;AACtF,OAAO,2BAA2B,MAAM,wDAAwD,CAAA;AAChG,OAAO,gBAAgB,MAAM,6CAA6C,CAAA;AAC1E,OAAO,UAAU,MAAM,uCAAuC,CAAA;AAC9D,OAAO,YAAY,MAAM,2CAA2C,CAAA;AACpE,OAAO,aAAa,MAAM,6CAA6C,CAAA;AACvE,OAAO,oBAAoB,MAAM,oDAAoD,CAAA;AACrF,OAAO,SAAS,MAAM,qCAAqC,CAAA;AAC3D,OAAO,iBAAiB,MAAM,6CAA6C,CAAA;AAC3E,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAClD,OAAO,WAAW,MAAM,oCAAoC,CAAA;AAC5D,OAAO,UAAU,MAAM,mCAAmC,CAAA;AAC1D,OAAO,aAAa,MAAM,sCAAsC,CAAA;AAChE,OAAO,aAAa,MAAM,sCAAsC,CAAA;AAChE,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,UAAU,MAAM,kCAAkC,CAAA;AACzD,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,cAAc,MAAM,sCAAsC,CAAA;AACjE,OAAO,WAAW,MAAM,mCAAmC,CAAA;AAC3D,OAAO,eAAe,MAAM,uCAAuC,CAAA;AACnE,OAAO,SAAS,MAAM,qCAAqC,CAAA;AAC3D,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAClD,OAAO,aAAa,MAAM,sCAAsC,CAAA;AAChE,OAAO,aAAa,MAAM,sCAAsC,CAAA;AAChE,OAAO,OAAO,MAAM,8BAA8B,CAAA;AAClD,OAAO,QAAQ,MAAM,+BAA+B,CAAA;AACpD,OAAO,cAAc,MAAM,qCAAqC,CAAA;AAChE,OAAO,kBAAkB,MAAM,yCAAyC,CAAA;AACxE,OAAO,OAAO,MAAM,iCAAiC,CAAA;AACrD,OAAO,gBAAgB,MAAM,mDAAmD,CAAA;AAChF,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,cAAc,MAAM,sCAAsC,CAAA;AACjE,OAAO,UAAU,MAAM,kCAAkC,CAAA;AACzD,OAAO,SAAS,MAAM,qCAAqC,CAAA;AAC3D,OAAO,OAAO,MAAM,iCAAiC,CAAA;AACrD,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,gBAAgB,MAAM,0CAA0C,CAAA;AACvE,OAAO,kBAAkB,MAAM,4CAA4C,CAAA;AAC3E,OAAO,aAAa,MAAM,uCAAuC,CAAA;AACjE,OAAO,kBAAkB,MAAM,4CAA4C,CAAA;AAC3E,OAAO,SAAS,MAAM,qCAAqC,CAAA;AAC3D,OAAO,QAAQ,MAAM,mCAAmC,CAAA;AACxD,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,YAAY,MAAM,oCAAoC,CAAA;AAC7D,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,OAAO,MAAM,iCAAiC,CAAA;AACrD,OAAO,QAAQ,MAAM,mCAAmC,CAAA;AACxD,OAAO,iBAAiB,MAAM,4CAA4C,CAAA;;mBAIzD,GAAG,GAAG,GAAG;;AAF1B,wBAuFC;AAED,OAAO,EACL,WAAW,EACX,YAAY,EACZ,OAAO,EACP,aAAa,EACb,WAAW,EACX,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,SAAS,EACT,KAAK,EACL,aAAa,EACb,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,aAAa,EACb,eAAe,EACf,UAAU,EACV,cAAc,EACd,aAAa,EACb,WAAW,EACX,cAAc,EACd,KAAK,EACL,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,8BAA8B,EAC9B,sBAAsB,EACtB,2BAA2B,EAC3B,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,SAAS,EACT,iBAAiB,EACjB,MAAM,EACN,WAAW,EACX,UAAU,EACV,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,eAAe,EACf,SAAS,EACT,MAAM,EACN,aAAa,EACb,aAAa,EACb,OAAO,EACP,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,iBAAiB,GAClB,CAAA"}

package/dist/main.js

@@ -9,6 +9,7 @@ export { default as WButtonAction } from './components/Button/WButtonAction.vue.
 export { default as WButtonCopy } from './components/Button/WButtonCopy.vue.js';
 export { default as WButtonDropdown } from './components/Button/WButtonDropdown.vue.js';
 export { default as WButtonGroup } from './components/Button/WButtonGroup.vue.js';
+export { default as WButtonInput } from './components/Button/WButtonInput.vue.js';
 export { default as WButtonMore } from './components/Button/WButtonMore.vue.js';
 export { default as WButtonMoreItem } from './components/Button/WButtonMoreItem.vue.js';
 export { default as WButtonSelection } from './components/Button/WButtonSelection.vue.js';

package/eslint/recommended.js

@@ -125,6 +125,7 @@ export default [
       'unused-imports/no-unused-imports': 'error',
       'tailwindcss/no-custom-classname': 'off',
       'tailwindcss/migration-from-tailwind-2': 'off',
+      'tailwindcss/enforces-negative-arbitrary-values': 'off',
       'no-multiple-empty-lines': [1, {max: 1, maxEOF: 0, maxBOF: 0}],
       'keyword-spacing': 1,
       'key-spacing': 1,

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.13",
+  "version": "0.10.14",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --watch",
@@ -154,6 +154,9 @@
     "./dist/components/Button/WButtonGroup.vue": {
       "import": "./dist/components/Button/WButtonGroup.vue.js"
     },
+    "./dist/components/Button/WButtonInput.vue": {
+      "import": "./dist/components/Button/WButtonInput.vue.js"
+    },
     "./dist/components/Button/WButtonMore.vue": {
       "import": "./dist/components/Button/WButtonMore.vue.js"
     },

package/tailwind-base/plugins/default.ts

@@ -27,70 +27,12 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
           width: value,
         }
       },
-      'chunk-gap': value => {
-        return {
-          '--split-to-chunks-gap': value,
-        }
-      },
-      'w-spinner-size': value => {
-        return {
-          '--spinner-size': value,
-        }
-      },
-      'w-modal-wrapper-padding': value => {
-        return {
-          '--modal-wrapper-padding': value,
-        }
-      },
     },
     {
       values: theme('width'),
     },
   )
 
-  matchUtilities(
-    {
-      'split-to-chunks': (width) => {
-        const value = Number.parseFloat(width)
-        const unit = width.replace(value.toString(), '')
-
-        return Array(4).fill(undefined).reduce(
-          (current, _, index) => {
-            const widthValue = `calc(((100% / ${ index + 2 }) * var(--split-to-chunks-span, 1)) - (var(--split-to-chunks-gap, 16px) * ${ (index + 1) } / ${ (index + 2) }))`
-
-            return {
-              ...current,
-              [`@media (min-width: ${ value * (index + 2) + (index < 1 ? 2 : 25.25) }${ unit })`]: {
-                width: widthValue,
-                minWidth: widthValue,
-              },
-            }
-          },
-          {
-            width: '100%',
-            minWidth: '100%',
-          },
-        )
-      },
-    },
-    {
-      values: theme('chunks'),
-    },
-  )
-
-  matchUtilities(
-    {
-      'chunk-span': value => {
-        return {
-          '--split-to-chunks-span': value,
-        }
-      },
-    },
-    {
-      values: theme('chunk-span'),
-    },
-  )
-
   addUtilities({
     '.max-w-inner': {
       'max-width': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
@@ -226,6 +168,28 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     },
   })
 
+  addBase({
+    '.w-option': {
+      'min-height': 'var(--w-option-height)',
+      'border-radius': 'var(--w-option-rounded)',
+
+      '--w-skeleton-height': 'var(--w-option-height)',
+      '--w-skeleton-rounded': 'var(--w-option-rounded)',
+    },
+    '.w-option-has-bg, *:has(.w-option-has-bg) + .w-option-has-bg-input, .w-option-has-bg + .w-option-has-bg-input': {
+      'padding-left': 'var(--w-option-padding)',
+      'padding-right': 'var(--w-option-padding)',
+    },
+    '.w-option-has-bg .w-option-button': {
+      'margin-right': 'calc(var(--w-option-rounded) * -1)',
+    },
+    body: {
+      '--w-option-height': 'calc(var(--w-input-height,2.75rem) - (var(--w-input-gap,0.25rem) * 2) - 2px)',
+      '--w-option-rounded': 'calc(var(--w-input-rounded,0.75rem) - var(--w-input-gap,0.25rem))',
+      '--w-option-padding': 'var(--w-input-rounded,0.75rem)',
+    },
+  })
+
   matchUtilities(
     {
       'w-scroll-bar-color': value => {
@@ -464,6 +428,13 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     {
       'w-skeleton-w': value => ({'--skeleton-width': value}),
       'w-list-card-w': value => ({'--w-list-card-width': value}),
+      'w-checkbox-size': value => ({'--w-checkbox-size': value}),
+      'w-input-gap': value => ({'--w-input-gap': value}),
+      'w-spinner-size': value => ({'--w-spinner-size': value}),
+      'w-modal-wrapper-p': value => ({'--w-modal-wrapper-padding': value}),
+      'w-modal-wrapper-w': value => ({'--w-modal-wrapper-width': value}),
+      'w-list-header-h': value => ({'--w-list-header-height': value}),
+      'w-list-padding': value => ({'--w-list-padding': value}),
       'grid-cols-fill': value => ({'grid-template-columns': `repeat(auto-fill, minmax(${ value }, 1fr))`}),
     },
     {
@@ -492,6 +463,7 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
       'w-list-rounded': value => ({'--w-list-rounded': value}),
       'w-option-rounded': value => ({'--w-option-rounded': value}),
       'w-modal-wrapper-rounded': value => ({'--w-modal-wrapper-rounded': value}),
+      'w-list-header-rounded': value => ({'--w-list-header-rounded': value}),
     },
     {
       values: theme('borderRadius'),

package/tailwind-base/theme/sizes.ts

@@ -10,6 +10,10 @@ const newValues = {
   '--actions-bar-inner-width': 'var(--actions-bar-inner-width)',
   '--inner-margin': 'var(--inner-margin)',
   '--inner-width-diff': 'var(--inner-width-diff)',
+  '--w-modal-wrapper-padding': 'var(--w-modal-wrapper-padding)',
+  '--w-option-padding': 'var(--w-option-padding)',
+  '--w-input-height': 'var(--w-input-height)',
+  '--w-input-gap': 'var(--w-input-gap)',
 }
 
 const extend = {
@@ -37,4 +41,5 @@ export default {
   padding: extend,
   margin: extend,
   inset: extend,
+  gap: extend,
 }