eco-vue-js 0.9.30 → 0.10.1

package/README.md

@@ -12,17 +12,19 @@ npm i eco-vue-js
 
 ### Tailwind configuration
 
-1. Add the following lines to the `content` section in your [Tailwind configuration file](https://tailwindcss.com/docs/content-configuration):
+1. Add the library's [Tailwind preset](https://tailwindcss.com/docs/presets) to your [Tailwind configuration file](https://tailwindcss.com/docs/content-configuration):
     ```
-    content: [
-      './node_modules/eco-vue-js/dist/components/**/*.vue.js',
-      './node_modules/eco-vue-js/dist/components/**/*.js',
+    import tailwindBase from 'eco-vue-js/tailwind-base'
+
+    presets: [
+      tailwindBase,
     ]
     ```
-2. Add the library's [Tailwind preset](https://tailwindcss.com/docs/presets) to your configuration file:
+
+2. Add the following lines to the `content` section in your configuration file:
     ```
-    presets: [
-      require('eco-vue-js/tailwind-base/index.cjs'),
+    content: [
+      ...tailwindBase.content,
     ]
     ```
 

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

@@ -1,7 +1,13 @@
+import { VNode } from 'vue';
 declare function __VLS_template(): {
-    slots: {
-        top?(_: {}): any;
-        bottom?(_: {}): any;
+    slots: Readonly<{
+        top?: () => VNode[];
+        filter?: () => VNode[];
+        bottom?: () => VNode[];
+    }> & {
+        top?: () => VNode[];
+        filter?: () => VNode[];
+        bottom?: () => VNode[];
     };
     refs: {};
     attrs: Partial<{}>;

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":"AAkJA,iBAAS,cAAc;;qBA+JG,GAAG;wBACA,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,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":"AA4GA,OAAO,EAAC,KAAK,KAAK,EAA8C,MAAM,KAAK,CAAA;AA8C3E,iBAAS,cAAc;;cATf,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;cAFhB,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;;WA4KV,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,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

@@ -24,9 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isOpen.value = false;
     };
     const slots = useSlots();
-    const hasTop = computed(() => !!slots.top?.()?.length);
-    const hasFilter = computed(() => !!slots.filter?.()?.length);
-    const hasBottom = computed(() => !!slots.bottom?.()?.length);
+    const hasFilter = computed(() => !!slots.filter);
     onUnmounted(() => {
       closeModal?.();
       closeModal = null;
@@ -61,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "top"),
-            hasTop.value && (hasFilter.value || hasBottom.value) ? (openBlock(), createElementBlock("div", _hoisted_5)) : createCommentVNode("", true),
+            _ctx.$slots.top && (hasFilter.value || unref(slots).bottom) ? (openBlock(), createElementBlock("div", _hoisted_5)) : createCommentVNode("", true),
             hasFilter.value ? (openBlock(), createBlock(_sfc_main$1, {
               key: 1,
               title: "Filters",

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

@@ -11,6 +11,7 @@ interface Props extends Partial<LinkProps> {
     target?: '_self' | '_blank' | '_parent' | '_top';
     minimize?: boolean;
     join?: boolean;
+    semanticTypeMap?: Partial<Record<SemanticType, string>>;
 }
 declare function __VLS_template(): {
     slots: {
@@ -31,6 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     semanticType: SemanticType;
     target: "_self" | "_blank" | "_parent" | "_top";
     href: string;
+    semanticTypeMap: Partial<Record<SemanticType, string>>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAMjD,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAwCD,iBAAS,cAAc;;yBAwIM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UAnNZ,MAAM;;SADP,GAAG,GAAG,QAAQ;kBAHL,YAAY;YAOlB,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;UADzC,MAAM;6EA2Nb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAMjD,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAA;CACxD;AA0CD,iBAAS,cAAc;;yBAkIM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UAhNZ,MAAM;;SADP,GAAG,GAAG,QAAQ;kBAHL,YAAY;YAOlB,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;UADzC,MAAM;qBAIK,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;6EAoNvD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -17,6 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     target: { default: void 0 },
     minimize: { type: Boolean },
     join: { type: Boolean },
+    semanticTypeMap: { default: void 0 },
     to: { default: void 0 }
   },
   emits: ["click"],
@@ -31,14 +32,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? _ctx.disabled ? "a" : unref(RouterLink) : _ctx.tag), mergeProps(
         _ctx.disabled ? void 0 : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : void 0,
         {
-          class: ["relative isolate flex select-none items-center justify-center whitespace-nowrap rounded-2xl font-medium outline-none", {
-            [unref(semanticTypeButtonStylesMap)[_ctx.semanticType]]: true,
-            [unref(semanticTypeButtonBorderStylesMap)[_ctx.semanticType]]: true,
+          class: ["w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-0.0625rem)] relative isolate flex h-[--w-button-height,2.75rem] min-h-[--w-button-height,2.75rem] select-none items-center justify-center whitespace-nowrap rounded-[--w-button-rounded,1rem] px-[--w-button-rounded,1rem] font-medium outline-none", {
+            [_ctx.semanticTypeMap?.[_ctx.semanticType] ?? unref(semanticTypeButtonStylesMap)[_ctx.semanticType]]: true,
+            [_ctx.semanticTypeMap?.[_ctx.semanticType] ?? unref(semanticTypeButtonBorderStylesMap)[_ctx.semanticType]]: true,
             "w-ripple w-ripple-hover before:text-black-default w-ripple-opacity-20 dark:w-ripple-opacity-30 cursor-pointer": !_ctx.loading && !_ctx.disabled,
             "cursor-progress": _ctx.loading,
             "cursor-not-allowed opacity-70": _ctx.disabled,
-            "h-11 min-h-11 px-4": !_ctx.minimize,
-            "h-7 min-h-7 px-1.5": _ctx.minimize,
             "[&:not(:first-child)]:rounded-l-none [&:not(:first-child)]:border-l-0 [&:not(:last-child)]:rounded-r-none [&:not(:last-child)]:border-r-0": _ctx.join
           }],
           disabled: !_ctx.loading && _ctx.disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAS5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BAC3J,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;WAoKxD,mBAAmB,CAAC;;2LAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAjCc,GAAG;;;;YACD,GAAG;uBACJ,GAAG;;cA9HzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;;;;YAkKH,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9KvE,wBA8K4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAS5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BAC3J,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;WAoKxD,mBAAmB,CAAC;;2LAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAjCc,GAAG;;;;YACD,GAAG;uBACJ,GAAG;;cA9HzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;;;;YAkKH,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9KvE,wBA8K4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -18,6 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     semanticType: {},
     stretch: { type: Boolean },
     allowClear: { type: Boolean },
+    semanticTypeMap: {},
     title: {},
     description: {},
     errorMessage: {},
@@ -71,6 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 disabled: _ctx.disabled || _ctx.loading !== void 0 && getValue(item) !== _ctx.loading,
                 minimize: _ctx.minimize,
                 join: !_ctx.wrap && !_ctx.col,
+                "semantic-type-map": _ctx.semanticTypeMap,
                 class: normalizeClass({
                   "flex-1": _ctx.stretch
                 }),
@@ -89,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 2
-              }, 1032, ["semantic-type", "loading", "disabled", "minimize", "join", "class", "onClick"]);
+              }, 1032, ["semantic-type", "loading", "disabled", "minimize", "join", "semantic-type-map", "class", "onClick"]);
             }), 128))
           ], 2)
         ]),

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

@@ -16,6 +16,7 @@ interface ButtonGroupPropsBase<Model extends number | string | null | boolean> e
     semanticType?: SemanticType;
     stretch?: boolean;
     allowClear?: boolean;
+    semanticTypeMap?: Partial<Record<SemanticType, string>>;
 }
 interface ButtonGroupPropsForModel<Model extends number | string | null | boolean, Entity extends Record<string, unknown>, ValueGetter extends {
     fn(value: Entity): Model;

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

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

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

@@ -24,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     semanticType: {},
     stretch: { type: Boolean },
     allowClear: { type: Boolean },
+    semanticTypeMap: {},
     title: {},
     description: {},
     errorMessage: {},

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":"AAwXA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAYtB,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;WAgtBxD,mBAAmB,CAAC,sBAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;qBAzmB/B,IAAI;oBAML,IAAI;MAmmBkD,GAAG,IAAI;WACpE,GAAG;;uBA1Dc,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;;;YA/oBzB,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;;;;;YAyrBwB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1tBvE,wBA0tB4E;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":"AAwXA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAYtB,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;WA+sBxD,mBAAmB,CAAC,sBAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;qBAxmB/B,IAAI;oBAML,IAAI;MAkmBkD,GAAG,IAAI;WACpE,GAAG;;uBA1Dc,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;;;YA9oBzB,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;;;;;YAwrBwB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAztBvE,wBAytB4E;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

@@ -216,7 +216,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: "field",
           fn: withCtx(({ id, setFocused, focused }) => [
             createElementVNode("div", {
-              class: normalizeClass(["bg-default dark:bg-default-dark relative grid min-h-11 grid-cols-[auto,1fr,auto] overflow-hidden rounded-xl border border-solid transition-colors duration-75", {
+              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,
                 "cursor-text": !_ctx.disabled,
                 "border-negative dark:border-negative-dark": _ctx.errorMessage,
@@ -239,7 +239,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "prefix"),
                   createElementVNode("div", {
                     class: normalizeClass(["flex flex-1 items-baseline", {
-                      "first:pl-0 group-first/input:pl-3 group-last/input:pr-3 [&:not(:first-child)]:pl-3": !_ctx.hideInput,
+                      "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
                     }])
                   }, [
@@ -247,12 +247,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
                       id,
                       ref: "input",
-                      class: normalizeClass(["w-input max-w-full flex-1 appearance-none border-none bg-[inherit] text-base font-normal outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-80 dark:placeholder:text-gray-500", {
-                        "min-h-[var(--textarea-height,10rem)] w-full py-3": _ctx.textarea,
+                      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,
                         "resize-y": _ctx.resize && _ctx.textarea,
                         "resize-none": !_ctx.resize && _ctx.textarea,
-                        "h-[var(--input-height,2.625rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
-                        "h-[var(--input-height,2.125rem)]": !_ctx.textarea && _ctx.$slots.suffix,
+                        "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,
                         "font-mono": _ctx.mono,
                         "text-secure": _ctx.textSecure && !isSecureVisible.value,
                         "text-black-default dark:text-gray-200": !_ctx.disabled,

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

@@ -9,7 +9,7 @@ import _sfc_main$1 from './InputActionsButton.vue.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "bg-default dark:bg-default-dark flex overflow-hidden rounded-xl"
+  class: "bg-default dark:bg-default-dark flex overflow-hidden rounded-[--w-input-rounded,0.75rem]"
 };
 const _hoisted_2 = {
   key: 4,

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

@@ -1 +1 @@
-{"version":3,"file":"InputActionsButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/components/InputActionsButton.vue"],"names":[],"mappings":"AAkEA,iBAAS,cAAc;;yBA4DM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;kBAtGL,MAAM;eACT,OAAO;WACX,YAAY;UACb,OAAO;;;;kBAHC,MAAM;eACT,OAAO;WACX,YAAY;UACb,OAAO;;;kFA4Gb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InputActionsButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/components/InputActionsButton.vue"],"names":[],"mappings":"AAkEA,iBAAS,cAAc;;yBA2DM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;kBArGL,MAAM;eACT,OAAO;WACX,YAAY;UACb,OAAO;;;;kBAHC,MAAM;eACT,OAAO;WACX,YAAY;UACb,OAAO;;;kFA2Gb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "cursor-not-allowed": _ctx.disabled,
           "items-center": !_ctx.top,
           "items-start": _ctx.top
-        }, "text-description relative flex h-full w-11 select-none justify-center py-[0.6875rem]"]),
+        }, "text-description relative flex h-full w-[calc(var(--w-input-height,2.75rem)-0.125rem)] select-none justify-center"]),
         onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["prevent", "stop"])),
         onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("click", $event), ["stop"]))

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.9.30",
+  "version": "0.10.1",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
@@ -71,8 +71,9 @@
     "./dist/types/types.d.ts": {
       "import": "./dist/types/types.d.ts"
     },
-    "./tailwind-base/index.cjs": {
-      "require": "./tailwind-base/index.cjs"
+    "./tailwind-base": {
+      "import": "./tailwind-base/index.ts",
+      "require": "./tailwind-base/index.ts"
     },
     "./eslint/plugin": {
       "import": "./eslint/plugin.js"

package/tailwind-base/{index.cjs → index.ts}

@@ -1,7 +1,21 @@
-/** @type {import('tailwindcss').Config} */
-const colors = require('tailwindcss/colors')
+import type {Config} from 'tailwindcss'
 
-module.exports = {
+import colors from 'tailwindcss/colors.js'
+
+import pluginDefault from './plugins/default.js'
+import animations from './theme/animations.js'
+import score from './theme/score.js'
+import severity from './theme/severity.js'
+import sizes from './theme/sizes.js'
+
+const tailwindBase = {
+  darkMode: ['variant', [
+    '.dark &:not(:is(.light *))',
+  ]],
+  content: [
+    './node_modules/eco-vue-js/dist/components/**/*.vue.js',
+    './node_modules/eco-vue-js/dist/components/**/*.js',
+  ],
   theme: {
     colors: {
       current: 'currentColor',
@@ -36,34 +50,34 @@ module.exports = {
       info: '#82adff',
       'info-dark': '#407ae5',
 
-      severity: require('./theme/severity.cjs'),
-      score: require('./theme/score.cjs'),
+      severity,
+      score,
 
       transparent: 'transparent',
     },
     extend: {
-      ...require('./theme/sizes.cjs'),
-      ...require('./theme/animations.cjs'),
+      ...sizes,
+      ...animations,
       screens: {
-        'xs': '480px',
-        'sm': '640px',
-        'md': '768px',
-        'lg': '1024px',
-        'xl': '1280px',
+        xs: '480px',
+        sm: '640px',
+        md: '768px',
+        lg: '1024px',
+        xl: '1280px',
         '2xl': '1536px',
         '3xl': '1728px',
         '4xl': '1920px',
         '5xl': '2560px',
 
-        'xs-not': {'max': '479px'},
-        'sm-not': {'max': '639px'},
-        'md-not': {'max': '767px'},
-        'lg-not': {'max': '1023px'},
-        'xl-not': {'max': '1279px'},
-        '2xl-not': {'max': '1535px'},
-        '3xl-not': {'max': '1727px'},
-        '4xl-not': {'max': '1919px'},
-        '5xl-not': {'max': '2559px'},
+        'xs-not': {max: '479px'},
+        'sm-not': {max: '639px'},
+        'md-not': {max: '767px'},
+        'lg-not': {max: '1023px'},
+        'xl-not': {max: '1279px'},
+        '2xl-not': {max: '1535px'},
+        '3xl-not': {max: '1727px'},
+        '4xl-not': {max: '1919px'},
+        '5xl-not': {max: '2559px'},
       },
       scale: {
         120: '1.2',
@@ -72,6 +86,8 @@ module.exports = {
         200: '2.0',
       },
       borderRadius: {
+        '2.75xl': '1.375rem',
+        '3.5xl': '1.75rem',
         '4xl': '2rem',
       },
       boxShadow: {
@@ -90,7 +106,7 @@ module.exports = {
         3: '3',
       },
       overflow: {
-        'overlay': 'overlay',
+        overlay: 'overlay',
       },
     },
     fontFamily: {
@@ -100,6 +116,8 @@ module.exports = {
     },
   },
   plugins: [
-    require('./plugins/default.cjs'),
+    pluginDefault,
   ],
-}
+} satisfies Config
+
+export default tailwindBase

package/tailwind-base/plugins/{default.cjs → default.ts}

@@ -1,9 +1,9 @@
-const plugin = require('tailwindcss/plugin')
+import plugin from 'tailwindcss/plugin.js'
 
-module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents, config}) {
+const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents, config}) {
   matchUtilities(
     {
-      square: (value) => {
+      square: value => {
         return {
           minWidth: value,
           maxWidth: value,
@@ -13,31 +13,31 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
           minHeight: value,
         }
       },
-      height: (value) => {
+      height: value => {
         return {
           height: value,
           maxHeight: value,
           minHeight: value,
         }
       },
-      width: (value) => {
+      width: value => {
         return {
           minWidth: value,
           maxWidth: value,
           width: value,
         }
       },
-      'chunk-gap': (value) => {
+      'chunk-gap': value => {
         return {
           '--split-to-chunks-gap': value,
         }
       },
-      'w-spinner-size': (value) => {
+      'w-spinner-size': value => {
         return {
           '--spinner-size': value,
         }
       },
-      'w-modal-wrapper-padding': (value) => {
+      'w-modal-wrapper-padding': value => {
         return {
           '--modal-wrapper-padding': value,
         }
@@ -56,11 +56,11 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
 
         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)}))`
+            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})`]: {
+              [`@media (min-width: ${ value * (index + 2) + (index < 1 ? 2 : 25.25) }${ unit })`]: {
                 width: widthValue,
                 minWidth: widthValue,
               },
@@ -80,7 +80,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
 
   matchUtilities(
     {
-      'chunk-span': (value) => {
+      'chunk-span': value => {
         return {
           '--split-to-chunks-span': value,
         }
@@ -99,16 +99,16 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
       'max-width': 'calc(100vw - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
     },
     '.w-inner': {
-      'width': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
+      width: 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
     },
     '.min-w-inner': {
       'min-width': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
     },
     '.left-inner': {
-      'left': 'calc(var(--nav-bar-width) + var(--inner-margin))',
+      left: 'calc(var(--nav-bar-width) + var(--inner-margin))',
     },
     '.right-inner': {
-      'right': 'calc(var(--actions-bar-width) + var(--inner-margin))',
+      right: 'calc(var(--actions-bar-width) + var(--inner-margin))',
     },
   })
 
@@ -124,7 +124,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
 
   addBase({
     '.w-input': {
-      'outline': 'none',
+      outline: 'none',
 
       '--input-autofill-bg': theme('colors.default'),
       '--input-autofull-text': theme('colors.black.default'),
@@ -134,24 +134,24 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
       },
 
       '&:focus-visible': {
-        'outline': 'none',
+        outline: 'none',
       },
 
       '&[autocomplete="off"]': {
         '&::-webkit-contacts-auto-fill-button, &::-webkit-credentials-auto-fill-button': {
-          'visibility': 'hidden',
-          'display': 'none !important',
+          visibility: 'hidden',
+          display: 'none !important',
           'pointer-events': 'none',
-          'height': '0',
-          'width': '0',
-          'margin': '0',
+          height: '0',
+          width: '0',
+          margin: '0',
         },
       },
 
       '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
         '-webkit-appearance': 'none',
-        'appearance': 'none',
-        'margin': '0',
+        appearance: 'none',
+        margin: '0',
       },
 
       '&:-webkit-autofill': {
@@ -163,11 +163,11 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
 
       '&[type=number]': {
         '-moz-appearance': 'textfield',
-        'appearance': 'textfield',
+        appearance: 'textfield',
       },
 
       '&::-webkit-textfield-decoration-container, &:focus::-webkit-textfield-decoration-container': {
-        'visibility': 'hidden',
+        visibility: 'hidden',
         'pointer-events': 'none',
       },
     },
@@ -176,12 +176,12 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
   addBase({
     '.w-scrollbar': {
       '&::-webkit-scrollbar, & ::-webkit-scrollbar': {
-        'width': '12px',
-        'height': '12px',
+        width: '12px',
+        height: '12px',
         'z-index': '500',
       },
       '&::-webkit-scrollbar-button, & ::-webkit-scrollbar-button': {
-        'display': 'none',
+        display: 'none',
       },
       '&::-webkit-scrollbar-thumb, & ::-webkit-scrollbar-thumb': {
         'border-radius': '5px',
@@ -195,7 +195,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
         },
       },
       '&::-webkit-scrollbar-track, & ::-webkit-scrollbar-track, &::-webkit-scrollbar-corner, & ::-webkit-scrollbar-corner': {
-        'background': 'transparent',
+        background: 'transparent',
       },
     },
     'html.w-scrollbar': {
@@ -207,34 +207,34 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
       },
     },
     'textarea::-webkit-resizer': {
-      'transform': 'scale(2)',
+      transform: 'scale(2)',
       'transform-origin': 'top left',
       'background-size': '7px 7px',
       'background-position': 'top',
       'background-image': 'linear-gradient(135deg, currentColor 10%, transparent 10%, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 100%)',
-      'color': theme('colors.gray.300'),
+      color: theme('colors.gray.300'),
       [config('darkMode')[1][0]]: {
-        'color': theme('colors.gray.700'),
+        color: theme('colors.gray.700'),
       },
     },
     '*:focus-visible': {
-      'outline': 'none',
+      outline: 'none',
     },
   })
 
   matchUtilities(
     {
-      'w-scroll-bar-color': (value) => {
+      'w-scroll-bar-color': value => {
         return {
           '--w-scroll-bar-color': value,
         }
       },
-      'w-scroll-bar-color-hover': (value) => {
+      'w-scroll-bar-color-hover': value => {
         return {
           '--w-scroll-bar-color-hover': value,
         }
       },
-      'w-has-changes-color': (value) => {
+      'w-has-changes-color': value => {
         return {
           '--has-changes-bg': value,
         }
@@ -251,7 +251,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
     },
     '.no-scrollbar': {
       '&::-webkit-scrollbar': {
-         'display': 'none',
+        display: 'none',
       },
     },
     '.overflow-y-overlay': {
@@ -274,15 +274,15 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
 
   addComponents({
     '.text-accent': {
-      'color': theme('colors.black.default'),
+      color: theme('colors.black.default'),
       [config('darkMode')[1][0]]: {
-        'color': theme('colors.gray.200'),
+        color: theme('colors.gray.200'),
       },
     },
     '.text-description': {
-      'color': theme('colors.gray.400'),
+      color: theme('colors.gray.400'),
       [config('darkMode')[1][0]]: {
-        'color': theme('colors.gray.500'),
+        color: theme('colors.gray.500'),
       },
     },
     '.text-secure': {
@@ -294,48 +294,48 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
   addUtilities({
     '.w-ripple': {
       '&::before, &-has-only::before': {
-        'content': '""',
-        'position': 'absolute',
-        'top': '0',
-        'left': '0',
-        'height': '100%',
-        'width': '100%',
-        'border-radius': 'inherit',
+        content: '""',
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        height: '100%',
+        width: '100%',
+        'border-radius': 'var(--w-ripple-rounded,inherit)',
         'background-color': 'currentColor',
         'pointer-events': 'none',
         'user-select': 'none',
-        'opacity': '0',
+        opacity: '0',
         'transition-property': 'opacity',
         'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
         'transition-duration': '100ms',
       },
 
       '&:active::before': {
-        'opacity': 'calc(var(--w-ripple-opacity, 0.10) * 2)',
+        opacity: 'calc(var(--w-ripple-opacity, 0.10) * 2)',
       },
     },
 
     '.w-ripple-trigger:active': {
       '.w-ripple::before, &.w-ripple::before': {
-        'opacity': 'calc(var(--w-ripple-opacity, 0.10) * 2)',
+        opacity: 'calc(var(--w-ripple-opacity, 0.10) * 2)',
       },
     },
 
     '.w-ripple-trigger-has:has(.w-ripple-has:active)': {
       '.w-ripple-has-only::before, &.w-ripple-has-only::before': {
-        'opacity': 'calc(var(--w-ripple-opacity, 0.10) * 2)',
+        opacity: 'calc(var(--w-ripple-opacity, 0.10) * 2)',
       },
     },
 
     '.w-ripple-hover:not(:active):hover, .w-ripple-trigger:not(:active):hover .w-ripple-hover, .w-ripple-hover:not(:active):focus, .w-ripple-trigger:not(:active):focus .w-ripple-hover': {
       '& .w-ripple:not(:active)::before, &.w-ripple::before': {
-        'opacity': 'var(--w-ripple-opacity, 0.10)',
+        opacity: 'var(--w-ripple-opacity, 0.10)',
       },
     },
 
     '.w-ripple-trigger-has:has(.w-ripple-has:not(:active):hover) .w-ripple-hover, .w-ripple-trigger-has:has(.w-ripple-has:not(:active):focus) .w-ripple-hover': {
       '& .w-ripple-has-only:not(:active)::before, &.w-ripple-has-only::before': {
-        'opacity': 'var(--w-ripple-opacity, 0.10)',
+        opacity: 'var(--w-ripple-opacity, 0.10)',
       },
     },
   })
@@ -343,44 +343,44 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
   addUtilities({
     '.w-hover-circle': {
       '&::after': {
-        'content': '""',
-        'position': 'absolute',
-        'top': '0',
-        'left': '0',
-        'height': '100%',
-        'width': '100%',
+        content: '""',
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        height: '100%',
+        width: '100%',
         'border-radius': '9999px',
         'z-index': '1',
         'background-color': 'currentColor',
         'pointer-events': 'none',
         'user-select': 'none',
-        'opacity': '0',
-        'transform': 'scaleX(0.5) scaleY(0.5)',
+        opacity: '0',
+        transform: 'scaleX(0.5) scaleY(0.5)',
         'transition-property': 'opacity transform',
         'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
         'transition-duration': '200ms',
       },
 
       '&:hover::after, .w-hover-circle-trigger:hover &::after, &:focus::after, .w-hover-circle-trigger:focus &::after': {
-        'opacity': 'var(--w-hover-circle-opacity, 0.10)',
-        'transform': 'scaleX(2.2) scaleY(2.2)',
+        opacity: 'var(--w-hover-circle-opacity, 0.10)',
+        transform: 'scaleX(2.2) scaleY(2.2)',
       },
 
       '&:active::after, .w-hover-circle-trigger:active &::after': {
-        'opacity': 'var(--w-hover-circle-opacity, 0.10)',
-        'transform': 'scaleX(1.8) scaleY(1.8)',
+        opacity: 'var(--w-hover-circle-opacity, 0.10)',
+        transform: 'scaleX(1.8) scaleY(1.8)',
       },
     },
   })
 
   matchUtilities(
     {
-      'w-ripple-opacity': (value) => {
+      'w-ripple-opacity': value => {
         return {
           '--w-ripple-opacity': value,
         }
       },
-      'w-hover-circle-opacity': (value) => {
+      'w-hover-circle-opacity': value => {
         return {
           '--w-hover-circle-opacity': value,
         }
@@ -394,22 +394,22 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
   addUtilities({
     '.w-progress-striped': {
       '&::before': {
-        'content': '""',
+        content: '""',
         'background-image': 'linear-gradient(135deg, hsla(0,0%,100%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,100%,.125) 0, hsla(0,0%,100%,.125) 75%, transparent 0, transparent)',
-        'position': 'absolute',
-        'top': '0',
-        'left': '0',
-        'width': 'calc(100% + 40px)',
-        'height': '100%',
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        width: 'calc(100% + 40px)',
+        height: '100%',
         'background-repeat': 'repeat',
         'background-size': '40px 40px',
-        'animation': theme('animation.move-horizontal'),
+        animation: theme('animation.move-horizontal'),
       },
       [config('darkMode')[1][0]]: {
         '&::before': {
           'background-image': 'linear-gradient(135deg, hsla(0,0%,10%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,10%,.125) 0, hsla(0,0%,10%,.125) 75%, transparent 0, transparent)',
         },
-      }
+      },
     },
   })
 
@@ -419,7 +419,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
       'padding-bottom': '0.3125rem',
       'align-items': 'center',
       'white-space': 'nowrap',
-      'overflow': 'hidden',
+      overflow: 'hidden',
       'text-overflow': 'ellipsis',
     },
     '.group\\/model .w-select-field': {
@@ -428,20 +428,20 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
     },
 
     '.w-skeleton': {
-      'position': 'relative',
-      'width': 'var(--skeleton-width,var(--skeleton-width-internal,70%))',
-      'height': 'var(--skeleton-height)',
-      'border-radius': 'var(--skeleton-rounded,0.5rem)',
-      'overflow': 'hidden',
-      'cursor': 'progress',
+      position: 'relative',
+      width: 'var(--skeleton-width,var(--skeleton-width-internal,70%))',
+      height: 'var(--skeleton-height)',
+      'border-radius': 'var(--w-skeleton-rounded,0.5rem)',
+      overflow: 'hidden',
+      cursor: 'progress',
       '&:not(.w-skeleton-static):before': {
-        'content': '""',
-        'position': 'absolute',
-        'top': '0',
-        'width': '100%',
-        'height': '100%',
+        content: '""',
+        position: 'absolute',
+        top: '0',
+        width: '100%',
+        height: '100%',
         'background-image': 'linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0))',
-        'animation': theme('animation.ticker'),
+        animation: theme('animation.ticker'),
 
         [config('darkMode')[1][0]]: {
           'background-image': 'linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.01),rgba(255,255,255,0))',
@@ -450,48 +450,48 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
     },
     '.w-skeleton-static': {
       '& .w-skeleton:before, &.w-skeleton:before': {
-        'display': 'none',
-        'animation': 'none',
+        display: 'none',
+        animation: 'none',
       },
     },
   })
 
   matchUtilities(
     {
-      'w-skeleton-rounded': (value) => {
+      'w-skeleton-w': value => {
         return {
-          '--skeleton-rounded': value,
+          '--skeleton-width': value,
         }
       },
     },
     {
-      values: theme('borderRadius'),
+      values: theme('width'),
     },
   )
 
   matchUtilities(
     {
-      'w-skeleton-w': (value) => {
-        return {
-          '--skeleton-width': value,
-        }
-      },
+      'w-skeleton-h': value => ({'--skeleton-height': value}),
+      'w-input-h': value => ({'--w-input-height': value}),
+      'w-textarea-h': value => ({'--w-textarea-height': value}),
+      'w-button-h': value => ({'--w-button-height': value}),
     },
     {
-      values: theme('width'),
+      values: theme('height'),
     },
   )
 
   matchUtilities(
     {
-      'w-skeleton-h': (value) => {
-        return {
-          '--skeleton-height': value,
-        }
-      },
+      'w-input-rounded': value => ({'--w-input-rounded': value}),
+      'w-button-rounded': value => ({'--w-button-rounded': value}),
+      'w-skeleton-rounded': value => ({'--w-skeleton-rounded': value}),
+      'w-ripple-rounded': value => ({'--w-ripple-rounded': value}),
     },
     {
-      values: theme('height'),
+      values: theme('borderRadius'),
     },
   )
 })
+
+export default pluginDefault

package/tailwind-base/theme/{animations.cjs → animations.ts}

@@ -1,5 +1,4 @@
-
-module.exports = {
+export default {
   keyframes: {
     ticker: {
       from: {

package/tailwind-base/theme/{score.cjs → score.ts}

@@ -1,5 +1,4 @@
-
-module.exports = {
+export default {
   critical: {
     bg: '#ff73bb30',
     text: '#f95f95',

package/tailwind-base/theme/{severity.cjs → severity.ts}

@@ -1,5 +1,4 @@
-
-module.exports = {
+export default {
   critical: {
     bg: '#ff757520',
     text: '#FF7171',

package/tailwind-base/theme/{sizes.cjs → sizes.ts}

@@ -1,6 +1,5 @@
-
 const extend = {
-  '1.25': '0.3125rem',
+  1.25: '0.3125rem',
   6: '1.5rem',
   10: '2.5rem',
   11: '2.75rem',
@@ -12,13 +11,13 @@ const extend = {
   36: '9rem',
 }
 
-module.exports = {
+export default {
   height: {
-    '8.5': '2.125rem',
+    8.5: '2.125rem',
     18: '4.5rem',
   },
   width: {
-    '8.5': '2.125rem',
+    8.5: '2.125rem',
     18: '4.5rem',
   },
   maxWidth: extend,