eco-vue-js 0.9.1 → 0.9.2

package/dist/components/Modal/WModalStepper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalStepper.vue"],"names":[],"mappings":"AA8NA,iBAAS,cAAc;;uBAsPI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAyEq+O,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA/D3mP,OAAO,IAA6B;EAEjD;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cAnWT,OAAO;eACN,OAAO;mBACH,OAAO;;gBA6BP,IAAI;oBANA,IAAI;;;;;;;;;cAzBb,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmY2+O,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlBvnP,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":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalStepper.vue"],"names":[],"mappings":"AAgLA,iBAAS,cAAc;;uBAyPI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAmEyiS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAzD/qS,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA9UT,OAAO;eACN,OAAO;mBACH,OAAO;;gBAyBP,IAAI;oBAJA,IAAI;;;;;;cAvBb,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA2W+iS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlB3rS,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/Modal/WModalStepper.vue.js

@@ -1,11 +1,10 @@
-import { defineComponent, useSlots, useTemplateRef, computed, ref, watch, openBlock, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, normalizeStyle, unref, createVNode } from 'vue';
-import _sfc_main$2 from '../Button/WButton.vue.js';
+import { defineComponent, useSlots, useTemplateRef, computed, ref, openBlock, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, unref } from 'vue';
+import _sfc_main$3 from '../Button/WButton.vue.js';
 import _sfc_main$1 from './WModalWrapper.vue.js';
-import _sfc_main$3 from '../Tabs/WTabs.vue.js';
-import { Notify } from '../../utils/Notify.js';
+import _sfc_main$2 from '../Progress/WProgress.vue.js';
+import _sfc_main$4 from '../Tabs/WTabsStepper.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 
-const _hoisted_1 = { class: "h-1 w-full bg-gray-200 dark:bg-gray-700" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WModalStepper",
   props: {
@@ -13,31 +12,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     disabledNext: { type: Boolean }
   },
-  emits: ["close:modal", "submit", "next", "previous", "update:current", "update:has-changes"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const emit = __emit;
+  emits: ["close:modal", "submit", "update:has-changes"],
+  setup(__props, { expose: __expose }) {
     const slots = useSlots();
-    const tabsRef = useTemplateRef("tabs");
+    const tabsStepperRef = useTemplateRef("tabsStepper");
     const defaultSlots = computed(() => slots.default?.() ?? []);
-    const tabsLength = ref(0);
-    const current = ref(0);
+    const first = ref(true);
+    const last = ref(false);
     const currentTitle = ref();
+    const progress = ref(0);
     const previous = () => {
-      emit("previous", current.value);
-      tabsRef.value?.previous();
+      tabsStepperRef.value?.previous();
     };
     const next = () => {
-      emit("next", current.value);
-      const errorMessage = tabsRef.value?.validate(current.value);
-      if (errorMessage) {
-        Notify.warn({ title: "Form contains invalid values", caption: errorMessage.length < 200 ? errorMessage : void 0 });
-        return;
-      }
-      tabsRef.value?.next();
+      tabsStepperRef.value?.next();
     };
-    watch(current, (value) => {
-      emit("update:current", value);
-    }, { immediate: true });
     __expose({
       next,
       previous
@@ -50,74 +39,67 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         subtitle: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", {
-              class: "bg-primary-default dark:bg-primary-dark h-full transition-[width]",
-              style: normalizeStyle({
-                width: 100 * (current.value + 1) / tabsLength.value + "%"
-              })
-            }, null, 4)
-          ])
+          createVNode(_sfc_main$2, { "model-value": progress.value }, null, 8, ["model-value"])
         ]),
         actions: withCtx(() => [
-          current.value === 0 ? (openBlock(), createBlock(_sfc_main$2, {
+          first.value ? (openBlock(), createBlock(_sfc_main$3, {
             key: 0,
             disabled: _ctx.loading || _ctx.disabled,
             "semantic-type": unref(SemanticType).SECONDARY,
             class: "w-full",
-            onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("close:modal"))
+            onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("close:modal"))
           }, {
-            default: withCtx(() => _cache[6] || (_cache[6] = [
+            default: withCtx(() => _cache[9] || (_cache[9] = [
               createTextVNode(" Close ")
             ])),
             _: 1
-          }, 8, ["disabled", "semantic-type"])) : (openBlock(), createBlock(_sfc_main$2, {
+          }, 8, ["disabled", "semantic-type"])) : (openBlock(), createBlock(_sfc_main$3, {
             key: 1,
             disabled: _ctx.loading || _ctx.disabled,
             "semantic-type": unref(SemanticType).SECONDARY,
             class: "w-full",
-            onClick: previous
+            onClick: _cache[6] || (_cache[6] = ($event) => unref(tabsStepperRef)?.previous())
           }, {
-            default: withCtx(() => _cache[7] || (_cache[7] = [
+            default: withCtx(() => _cache[10] || (_cache[10] = [
               createTextVNode(" Back ")
             ])),
             _: 1
           }, 8, ["disabled", "semantic-type"])),
-          current.value === tabsLength.value - 1 ? (openBlock(), createBlock(_sfc_main$2, {
+          last.value ? (openBlock(), createBlock(_sfc_main$3, {
             key: 2,
             "semantic-type": unref(SemanticType).PRIMARY,
             loading: _ctx.loading,
             disabled: _ctx.disabled || _ctx.disabledNext,
             class: "w-full",
-            onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("submit"))
+            onClick: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("submit"))
           }, {
-            default: withCtx(() => _cache[8] || (_cache[8] = [
+            default: withCtx(() => _cache[11] || (_cache[11] = [
               createTextVNode(" Submit ")
             ])),
             _: 1
-          }, 8, ["semantic-type", "loading", "disabled"])) : (openBlock(), createBlock(_sfc_main$2, {
+          }, 8, ["semantic-type", "loading", "disabled"])) : (openBlock(), createBlock(_sfc_main$3, {
             key: 3,
             "semantic-type": unref(SemanticType).PRIMARY,
             loading: _ctx.loading,
             disabled: _ctx.disabled || _ctx.disabledNext,
             class: "w-full",
-            onClick: next
+            onClick: _cache[8] || (_cache[8] = ($event) => unref(tabsStepperRef)?.next())
           }, {
-            default: withCtx(() => _cache[9] || (_cache[9] = [
+            default: withCtx(() => _cache[12] || (_cache[12] = [
               createTextVNode(" Next ")
             ])),
             _: 1
           }, 8, ["semantic-type", "loading", "disabled"]))
         ]),
         default: withCtx(() => [
-          createVNode(_sfc_main$3, {
-            ref: "tabs",
+          createVNode(_sfc_main$4, {
+            ref: "tabsStepper",
             "custom-slots": defaultSlots.value,
-            "no-header": "",
-            "onUpdate:currentIndex": _cache[0] || (_cache[0] = ($event) => current.value = $event),
-            "onUpdate:currentTitle": _cache[1] || (_cache[1] = ($event) => currentTitle.value = $event),
-            "onUpdate:hasChanges": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:has-changes", $event)),
-            "onUpdate:tabsLength": _cache[3] || (_cache[3] = ($event) => tabsLength.value = $event)
+            "onUpdate:first": _cache[0] || (_cache[0] = ($event) => first.value = $event),
+            "onUpdate:last": _cache[1] || (_cache[1] = ($event) => last.value = $event),
+            "onUpdate:currentTitle": _cache[2] || (_cache[2] = ($event) => currentTitle.value = $event),
+            "onUpdate:hasChanges": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:has-changes", $event)),
+            "onUpdate:progress": _cache[4] || (_cache[4] = ($event) => progress.value = $event)
           }, null, 8, ["custom-slots"])
         ]),
         _: 3

package/dist/components/Progress/WProgress.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    modelValue: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=WProgress.vue.d.ts.map

package/dist/components/Progress/WProgress.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WProgress.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/WProgress.vue"],"names":[],"mappings":";gBAoBc,MAAM;;gBAAN,MAAM;;AA8DpB,wBAMG"}

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

@@ -0,0 +1,23 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle } from 'vue';
+
+const _hoisted_1 = { class: "h-1 w-full bg-gray-200 dark:bg-gray-700" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WProgress",
+  props: {
+    modelValue: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "bg-primary-default dark:bg-primary-dark h-full transition-[width]",
+          style: normalizeStyle({
+            width: _ctx.modelValue + "%"
+          })
+        }, null, 4)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

package/dist/components/Tabs/WTabs.vue.d.ts

@@ -1,14 +1,7 @@
-import { CSSProperties, VNode, nextTick } from 'vue';
+import { TabsProps } from './types';
+import { CSSProperties, nextTick } from 'vue';
 import { default as WForm } from '../Form/WForm.vue';
-declare const _default: import('vue').DefineComponent<{
-    customSlots?: VNode[];
-    lessTransitions?: boolean;
-    initTab?: number;
-    side?: boolean;
-    disableMinHeight?: boolean;
-    noHeader?: boolean;
-    switchToNew?: boolean;
-}, {
+declare const _default: import('vue').DefineComponent<TabsProps, {
     updateCurrent: (value: string) => void;
     updateIndex: (value: number) => void;
     next: () => void;
@@ -24,15 +17,7 @@ declare const _default: import('vue').DefineComponent<{
     "update:current-index": (value: number) => any;
     "update:current-title": (value: string) => any;
     "update:tabs-length": (value: number) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    customSlots?: VNode[];
-    lessTransitions?: boolean;
-    initTab?: number;
-    side?: boolean;
-    disableMinHeight?: boolean;
-    noHeader?: boolean;
-    switchToNew?: boolean;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<TabsProps> & Readonly<{
     "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
     "onUpdate:current"?: ((value: string) => any) | undefined;
     "onUpdate:current-index"?: ((value: number) => any) | undefined;
@@ -155,6 +140,7 @@ declare const _default: import('vue').DefineComponent<{
         $data: {};
         $props: {
             readonly active: boolean;
+            readonly removable: boolean;
             readonly "onUpdate:height"?: ((value: number) => any) | undefined;
             readonly "onUpdate:active"?: (() => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -176,6 +162,7 @@ declare const _default: import('vue').DefineComponent<{
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             active: boolean;
+            removable: boolean;
         }> & Readonly<{
             "onUpdate:height"?: ((value: number) => any) | undefined;
             "onUpdate:active"?: (() => any) | undefined;
@@ -206,6 +193,7 @@ declare const _default: import('vue').DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<{
         active: boolean;
+        removable: boolean;
     }> & Readonly<{
         "onUpdate:height"?: ((value: number) => any) | undefined;
         "onUpdate:active"?: (() => any) | undefined;

package/dist/components/Tabs/WTabs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAsSA,OAAO,EAAC,KAAK,aAAa,EAAkB,KAAK,KAAK,EAAoB,QAAQ,EAAyE,MAAM,KAAK,CAAA;AAEtK,OAAO,KAAK,MAAM,6BAA6B,CAAA;;kBAW/B,KAAK,EAAE;sBACH,OAAO;cACf,MAAM;WACT,OAAO;uBACK,OAAO;eACf,OAAO;kBACJ,OAAO;;2BA6DO,MAAM;yBAMR,MAAM;gBAcjB,IAAI;oBAIA,IAAI;sBAUA,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;wBAIhI,MAAM;;UAAuE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;uBAIvI,MAAM,KAAsE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;;;;;;;;kBA7G9I,KAAK,EAAE;sBACH,OAAO;cACf,MAAM;WACT,OAAO;uBACK,OAAO;eACf,OAAO;kBACJ,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAsW4B,GAAG,8CAErB,GAAG,yBACnB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHP,GAAG,8CAErB,GAAG,yBACnB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHP,GAAG,8CAErB,GAAG,yBACnB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;AAqJ1D,wBAeG"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAiSA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAC,KAAK,aAAa,EAAgD,QAAQ,EAAyE,MAAM,KAAK,CAAA;AAEtK,OAAO,KAAK,MAAM,6BAA6B,CAAA;;2BAsEjB,MAAM;yBAMR,MAAM;gBAcjB,IAAI;oBAIA,IAAI;sBAUA,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;wBAIhI,MAAM;;UAAuE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;uBAIvI,MAAM,KAAsE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgQ7G,GAAG,8CAA8C,GAAG,yBACpF,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCADT,GAAG,8CAA8C,GAAG,yBACpF,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCADT,GAAG,8CAA8C,GAAG,yBACpF,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;AA0J1D,wBAeG"}

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

@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const setCurrentDebounced = debounce((value) => {
       if (current.value === value || !defaultSlotsKeys.value.includes(value)) return;
-      if (!defaultSlots.value[defaultSlotsKeys.value.indexOf(value)].children?.default) return;
+      if (defaultSlots.value[defaultSlotsKeys.value.indexOf(value)].props?.disabled !== void 0) return;
       isDirect.value = defaultSlotsKeys.value.indexOf(current.value) < defaultSlotsKeys.value.indexOf(value);
       current.value = value;
     }, 100);
@@ -141,7 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["mb-8 grid gap-4", {
+        class: normalizeClass(["grid gap-4", {
           "grid grid-cols-1": !_ctx.side,
           "grid grid-cols-[auto,1fr] items-start": _ctx.side
         }])
@@ -202,15 +202,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(indicatorStyle.value)
           }, null, 6)
         ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", {
+        defaultSlots.value.some((slot) => slot.children?.default) ? (openBlock(), createElementBlock("div", {
+          key: 1,
           class: "relative h-full transition-[min-height] duration-300",
           style: normalizeStyle({ minHeight: minHeight.value ? minHeight.value + "px" : "auto", "--direction-factor": isDirect.value ? "1" : "-1" })
         }, [
           createVNode(TransitionGroup, {
             "enter-active-class": "transition-[transform,opacity] duration-[250ms] w-full",
             "leave-active-class": "transition-[transform,opacity] duration-[250ms] w-full absolute top-0",
-            "enter-from-class": _ctx.lessTransitions || _ctx.side ? "opacity-0" : "translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor))]",
-            "leave-to-class": _ctx.lessTransitions || _ctx.side ? "opacity-0" : "translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor)*-1)]"
+            "enter-from-class": _ctx.lessTransitions || _ctx.side ? "opacity-0" : "opacity-0 translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor))]",
+            "leave-to-class": _ctx.lessTransitions || _ctx.side ? "opacity-0" : "opacity-0 translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor)*-1)]"
           }, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(defaultSlots.value, (slot) => {
@@ -219,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ref: "tabItem",
                   key: slot.props?.name,
                   active: slot.props?.name === current.value,
-                  class: "width-full",
+                  removable: slot.props?.removable,
                   "onUpdate:height": _cache[1] || (_cache[1] = ($event) => !_ctx.disableMinHeight && updateHeight($event)),
                   "onUpdate:active": ($event) => _ctx.$emit("update:current-title", slot.props?.title)
                 }, {
@@ -239,12 +240,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 1032, ["name", "title", "onUpdate:isValid", "onUpdate:hasChanges"])
                   ]),
                   _: 2
-                }, 1032, ["active", "onUpdate:active"]);
+                }, 1032, ["active", "removable", "onUpdate:active"]);
               }), 128))
             ]),
             _: 1
           }, 8, ["enter-from-class", "leave-to-class"])
-        ], 4)
+        ], 4)) : createCommentVNode("", true)
       ], 2);
     };
   }

package/dist/components/Tabs/WTabsItem.vue.d.ts

@@ -18,10 +18,14 @@ declare const __VLS_component: import('vue').DefineComponent<{
     title: string;
     name: string;
     icon?: SVGComponent;
+    disabled?: boolean;
+    removable?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     title: string;
     name: string;
     icon?: SVGComponent;
+    disabled?: boolean;
+    removable?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Tabs/WTabsItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabsItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsItem.vue"],"names":[],"mappings":"AAuCA,iBAAS,cAAc;;kBAVX,MAAM,IAAI;gBACZ,MAAM,IAAI;iBACT,MAAM,IAAI;gBACX,MAAM,IAAI;;kBAHR,MAAM,IAAI;gBACZ,MAAM,IAAI;iBACT,MAAM,IAAI;gBACX,MAAM,IAAI;;;WAsCN,OAAO,IAA6B;EAEjD;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WA3DZ,MAAM;UACP,MAAM;WACL,YAAY;;WAFZ,MAAM;UACP,MAAM;WACL,YAAY;iGA+DnB,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":"WTabsItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsItem.vue"],"names":[],"mappings":"AA2CA,iBAAS,cAAc;;kBAVX,MAAM,IAAI;gBACZ,MAAM,IAAI;iBACT,MAAM,IAAI;gBACX,MAAM,IAAI;;kBAHR,MAAM,IAAI;gBACZ,MAAM,IAAI;iBACT,MAAM,IAAI;gBACX,MAAM,IAAI;;;WAsCN,OAAO,IAA6B;EAEjD;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WA7DZ,MAAM;UACP,MAAM;WACL,YAAY;eACR,OAAO;gBACN,OAAO;;WAJZ,MAAM;UACP,MAAM;WACL,YAAY;eACR,OAAO;gBACN,OAAO;iGA+DnB,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/Tabs/WTabsItem.vue.js

@@ -5,7 +5,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     title: {},
     name: {},
-    icon: {}
+    icon: {},
+    disabled: { type: Boolean },
+    removable: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {