@indielayer/ui 1.3.0 → 1.4.0

package/lib/components/tab/Tab.vue.js

@@ -1,41 +1,44 @@
-import { defineComponent as B, computed as s, ref as u, inject as N, reactive as R, onMounted as j, openBlock as f, createBlock as m, resolveDynamicComponent as D, normalizeStyle as L, unref as o, normalizeClass as c, withCtx as V, renderSlot as k, createElementVNode as y, createCommentVNode as x, toDisplayString as E, Teleport as M } from "vue";
-import { useMutationObserver as O } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
-import { injectTabKey as P } from "../../composables/keys.js";
-import { useCommon as z } from "../../composables/useCommon.js";
-import { useTheme as X } from "../../composables/useTheme.js";
-import F from "../icon/Icon.vue.js";
-import K from "../link/Link.vue.js";
+import { defineComponent as R, computed as s, ref as v, inject as j, reactive as D, onMounted as L, openBlock as d, createBlock as m, resolveDynamicComponent as V, normalizeStyle as E, unref as o, normalizeClass as c, withCtx as M, renderSlot as x, createElementVNode as f, createCommentVNode as k, toDisplayString as O, Teleport as P } from "vue";
+import { useMutationObserver as X } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { injectTabGroupKey as F } from "../../composables/keys.js";
+import { useCommon as C } from "../../composables/useCommon.js";
+import { useTheme as G } from "../../composables/useTheme.js";
+import z from "../icon/Icon.vue.js";
+import I from "../link/Link.vue.js";
+import { closeIcon as K } from "../../common/icons.js";
 const q = {
-  ...z.props(),
+  ...C.props(),
   value: {
     type: [String, Number]
   },
   tag: {
     type: String,
-    default: "div"
+    default: "button"
   },
   to: [String, Object],
   label: String,
   icon: String,
   disabled: Boolean,
-  exact: Boolean
+  exact: Boolean,
+  removable: Boolean
 }, A = {
   name: "XTab",
   validators: {
-    ...z.validators()
+    ...C.validators()
   }
-}, Y = /* @__PURE__ */ B({
+}, ee = /* @__PURE__ */ R({
   ...A,
   props: q,
-  setup(C) {
-    const t = C, i = s(() => {
-      var e, p;
-      return ((p = (e = l.value) == null ? void 0 : e.$el) == null ? void 0 : p.href) || t.value;
-    }), T = s(() => t.label || t.value), v = u(null), l = u(null), a = N(P, {
-      tabsContentRef: u(null),
+  emits: ["remove"],
+  setup(T) {
+    const t = T, i = s(() => {
+      var e, u;
+      return ((u = (e = l.value) == null ? void 0 : e.$el) == null ? void 0 : u.href) || t.value;
+    }), S = s(() => t.label || t.value), p = v(null), l = v(null), a = j(F, {
+      tabsContentRef: v(null),
       activateTab: () => {
       },
-      state: R({
+      state: D({
         active: void 0,
         variant: "line",
         ghost: !1,
@@ -44,44 +47,44 @@ const q = {
         size: "md",
         color: "primary"
       })
-    }), b = s(() => a.state.exact || t.exact), d = s(() => t.size || a.state.size);
-    j(() => {
-      v.value = a.tabsContentRef.value, t.to && l.value && (g(), O(l.value.$el, g, {
+    }), g = s(() => a.state.exact || t.exact), b = s(() => t.size || a.state.size);
+    L(() => {
+      p.value = a.tabsContentRef.value, t.to && l.value && (y(), X(l.value.$el, y, {
         attributes: !0,
         attributeFilter: ["class"]
       }));
     });
-    function g() {
-      l.value && l.value.$el && t.to && l.value.$el.classList.contains(b.value ? "router-link-exact-active" : "router-link-active") && a.activateTab(i.value);
+    function y() {
+      l.value && l.value.$el && t.to && l.value.$el.classList.contains(g.value ? "router-link-exact-active" : "router-link-active") && a.activateTab(i.value);
     }
-    const r = s(() => a.state.active === i.value), S = s(() => a.state.color);
-    function h(e) {
+    const r = s(() => a.state.active === i.value), h = s(() => a.state.color);
+    function $(e) {
       if (t.disabled) {
         e.preventDefault(), e.stopPropagation();
         return;
       }
-      !t.to && i.value && a.activateTab(i.value);
+      !t.to && typeof i.value < "u" && a.activateTab(i.value);
     }
-    const { styles: $, classes: n, className: w } = X("Tab", {}, u({
+    const { styles: w, classes: n, className: B } = G("Tab", {}, v({
       ...t,
-      size: d.value,
-      exact: b.value
+      size: b.value,
+      exact: g.value
     }), {
       ...a.state,
       selected: r
     });
-    return (e, p) => (f(), m(D(e.to ? K : e.tag), {
+    return (e, u) => (d(), m(V(e.to ? I : e.tag), {
       ref_key: "elRef",
       ref: l,
       "data-value": i.value,
       to: e.to,
-      color: r.value ? S.value : void 0,
-      style: L([
-        o($),
+      color: r.value ? h.value : void 0,
+      style: E([
+        o(w),
         e.to && r.value && o(a).state.variant === "block" ? "--x-link-text: var(--x-tab-group-text); --x-link-text-hover: var(--x-tab-group-text);" : ""
       ]),
       class: c([
-        o(w),
+        o(B),
         o(n).wrapper,
         "shrink-0",
         {
@@ -94,40 +97,52 @@ const q = {
       ]),
       "aria-disabled": e.disabled ? "true" : void 0,
       "aria-selected": r.value ? "true" : "false",
-      onClick: h
+      onClick: $
     }, {
-      default: V(() => [
-        k(e.$slots, "tab", {
+      default: M(() => [
+        x(e.$slots, "tab", {
           label: e.label,
           value: e.value,
-          size: d.value,
+          size: b.value,
           icon: e.icon
         }, () => [
-          y("div", {
+          f("div", {
             class: c(o(n).content)
           }, [
-            e.icon ? (f(), m(F, {
+            e.icon ? (d(), m(z, {
               key: 0,
               icon: e.icon,
-              size: d.value,
+              size: b.value,
               class: c(o(n).icon)
-            }, null, 8, ["icon", "size", "class"])) : x("", !0),
-            y("div", {
+            }, null, 8, ["icon", "size", "class"])) : k("", !0),
+            f("div", {
               class: c(o(n).label)
-            }, E(T.value), 3)
+            }, O(S.value), 3),
+            e.removable ? (d(), m(z, {
+              key: 1,
+              size: "sm",
+              icon: o(K),
+              class: "ml-2 cursor-pointer hover:text-gray-700 dark:hover:text-gray-500 transition-colors duration-150",
+              onClick: u[0] || (u[0] = (N) => e.$emit("remove", N))
+            }, null, 8, ["icon"])) : k("", !0)
           ], 2)
         ]),
-        r.value && v.value ? (f(), m(M, {
+        r.value && p.value ? (d(), m(P, {
           key: 0,
-          to: v.value
+          to: p.value
         }, [
-          k(e.$slots, "default")
-        ], 8, ["to"])) : x("", !0)
+          f("div", {
+            role: "tabpanel",
+            class: c(o(n).tabpanel)
+          }, [
+            x(e.$slots, "default")
+          ], 2)
+        ], 8, ["to"])) : k("", !0)
       ]),
       _: 3
     }, 8, ["data-value", "to", "color", "style", "class", "aria-disabled", "aria-selected"]));
   }
 });
 export {
-  Y as default
+  ee as default
 };

package/lib/components/tab/TabGroup.vue.d.ts

@@ -107,8 +107,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: Size;
     color: string;
+    size: Size;
     align: "left" | "right" | "center";
     ghost: boolean;
     exact: boolean;

package/lib/components/tab/TabGroup.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as B, ref as r, watchEffect as z, reactive as E, computed as o, provide as V, watch as N, onMounted as $, openBlock as q, createElementBlock as G, createElementVNode as f, normalizeClass as v, unref as n, normalizeStyle as F, createVNode as L, withCtx as M, renderSlot as O, withDirectives as W, vShow as X, nextTick as j } from "vue";
+import { defineComponent as B, ref as r, watchEffect as z, reactive as E, computed as o, provide as V, watch as G, onMounted as N, openBlock as $, createElementBlock as q, createElementVNode as f, normalizeClass as v, unref as n, normalizeStyle as F, createVNode as L, withCtx as M, renderSlot as O, withDirectives as W, vShow as X, nextTick as j } from "vue";
 import { useMutationObserver as D, useResizeObserver as K } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
-import { injectTabKey as P } from "../../composables/keys.js";
+import { injectTabGroupKey as P } from "../../composables/keys.js";
 import { useCommon as b } from "../../composables/useCommon.js";
 import { useColors as A } from "../../composables/useColors.js";
 import { useTheme as H } from "../../composables/useTheme.js";
@@ -73,9 +73,9 @@ const Q = {
       var e;
       (e = l.value) != null && e.querySelector(".router-link-active") ? m.value = !0 : (h(null), m.value = !1);
     }
-    N(() => a.value, (e) => {
+    G(() => a.value, (e) => {
       p(e);
-    }), $(() => {
+    }), N(() => {
       var e;
       (e = l.value) != null && e.querySelector(".x-link") && D(l.value, S, {
         attributes: !0,
@@ -86,7 +86,7 @@ const Q = {
       p(a.value);
     });
     const { styles: T, classes: c, className: x } = H("TabGroup", {}, t);
-    return (e, s) => (q(), G("div", null, [
+    return (e, s) => ($(), q("div", null, [
       f("div", {
         ref_key: "wrapperRef",
         ref: R,

package/lib/components/tab/theme/Tab.base.theme.js

@@ -6,7 +6,8 @@ const i = {
     },
     content: "flex items-center justify-center",
     label: "font-medium",
-    icon: "mr-1.5"
+    icon: "mr-1.5",
+    tabpanel: "py-2"
   }
 }, n = i;
 export {

package/lib/components/tab/theme/Tab.carbon.theme.js

@@ -1,17 +1,18 @@
 const n = {
   classes: {
     wrapper: ({ props: t, data: s }) => {
-      const e = ["py-2 transition-colors duration-150 ease-in-out whitespace-nowrap text-left min-w-[8rem]"];
-      return s.variant === "block" ? e.push("px-8") : e.push("px-4"), t.size === "lg" ? e.push("text-lg") : t.size === "xl" ? e.push("text-xl") : e.push("text-sm"), e;
+      const e = ["py-2 transition-colors duration-150 ease-in-out whitespace-nowrap text-left"];
+      return s.variant, e.push("px-4"), t.size === "lg" ? e.push("text-lg") : t.size === "xl" ? e.push("text-xl") : e.push("text-sm"), e;
     },
     content: "flex items-center justify-start",
     label: ({ data: t }) => {
       const s = [""];
       return t.selected && s.push("font-medium"), s;
     },
-    icon: "mr-1.5"
+    icon: "mr-1.5",
+    tabpanel: "py-4"
   }
-}, i = n;
+}, l = n;
 export {
-  i as default
+  l as default
 };

package/lib/components/tab/theme/TabGroup.carbon.theme.js

@@ -1,5 +1,31 @@
-import e from "./TabGroup.base.theme.js";
-const t = e, o = t;
+const l = {
+  classes: {
+    wrapper: "",
+    scroller: ({ props: t }) => {
+      const r = [""];
+      return t.fullWidth || r.push("!w-fit"), t.variant === "block" && r.push(""), t.variant === "block" && !t.ghost && r.push("bg-gray-200 dark:bg-gray-800"), r;
+    },
+    list: ({ props: t }) => {
+      const r = ["flex min-w-full w-fit"];
+      return t.variant === "line" && r.push("border-b border-gray-200 dark:border-gray-700"), t.variant === "line" && !t.grow && r.push(""), t.variant === "block" && r.push("z-[1] py-1.5"), t.align === "center" && r.push("justify-center"), t.align === "right" && r.push("justify-end"), r;
+    },
+    tracker: ({ props: t }) => {
+      const r = ["absolute transition-all duration-150"];
+      return t.variant === "line" && r.push("h-[2px] -mt-[2px] bg-[color:var(--x-tab-group-text)] dark:bg-[color:var(--x-tab-group-dark-text)]"), t.variant === "block" && r.push("border-t-2 border-solid border-[color:var(--x-tab-group-text)] dark:border-[color:var(--x-tab-group-dark-text)] h-full top-0 bg-gray-100 dark:bg-gray-700"), r;
+    }
+  },
+  styles: ({ props: t, colors: r, css: e }) => {
+    const i = r.getPalette("gray"), a = r.getPalette(t.color);
+    return e.variables({
+      text: a[600],
+      bg: t.ghost ? a[50] : "#fff",
+      dark: {
+        text: a[400],
+        bg: t.ghost ? a[900] : i[700]
+      }
+    });
+  }
+}, o = l;
 export {
   o as default
 };

package/lib/components/table/Table.vue.d.ts

@@ -1,6 +1,7 @@
-import type { ExtractPublicPropTypes, PropType } from 'vue';
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 import { type TableHeaderAlign } from './TableHeader.vue';
+import type { SkeletonShape } from '../skeleton/Skeleton.vue';
 declare const tableProps: {
     headers: {
         type: PropType<TableHeader[]>;
@@ -15,6 +16,12 @@ declare const tableProps: {
         default: () => never[];
     };
     loading: BooleanConstructor;
+    loadingSkeleton: BooleanConstructor;
+    loadingLines: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    error: BooleanConstructor;
     dense: BooleanConstructor;
     fixed: BooleanConstructor;
     striped: BooleanConstructor;
@@ -27,6 +34,7 @@ declare const tableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    expandable: BooleanConstructor;
 };
 export type TableHeader = {
     sortable?: boolean;
@@ -35,33 +43,43 @@ export type TableHeader = {
     value?: string;
     text?: string;
     width?: string | number;
+    truncate?: boolean;
+    skeletonShape?: SkeletonShape;
 };
 export type TableProps = ExtractPublicPropTypes<typeof tableProps>;
-type InternalClasses = 'wrapper' | 'loadingWrapper';
+type InternalClasses = 'wrapper' | 'table' | 'loadingWrapper';
 export interface TableTheme extends ThemeComponent<TableProps, InternalClasses> {
 }
 declare const _default: <T>(__VLS_props: Partial<{
     sort: string[];
+    error: boolean;
     items: T[];
     loading: boolean;
     fixed: boolean;
     headers: TableHeader[];
+    loadingSkeleton: boolean;
+    loadingLines: string | number;
     dense: boolean;
     striped: boolean;
     pointer: boolean;
     scrollable: boolean;
     stickyHeader: boolean;
+    expandable: boolean;
 }> & Omit<{
     readonly sort: string[];
+    readonly error: boolean;
     readonly items: T[];
     readonly loading: boolean;
     readonly fixed: boolean;
     readonly headers: TableHeader[];
+    readonly loadingSkeleton: boolean;
+    readonly loadingLines: string | number;
     readonly dense: boolean;
     readonly striped: boolean;
     readonly pointer: boolean;
     readonly scrollable: boolean;
     readonly stickyHeader: boolean;
+    readonly expandable: boolean;
     "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
     "onClick-row"?: ((...args: any[]) => any) | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -78,6 +96,12 @@ declare const _default: <T>(__VLS_props: Partial<{
         default: () => never[];
     };
     loading: BooleanConstructor;
+    loadingSkeleton: BooleanConstructor;
+    loadingLines: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    error: BooleanConstructor;
     dense: BooleanConstructor;
     fixed: BooleanConstructor;
     striped: BooleanConstructor;
@@ -90,32 +114,41 @@ declare const _default: <T>(__VLS_props: Partial<{
         type: BooleanConstructor;
         default: boolean;
     };
+    expandable: BooleanConstructor;
 }>> & {
     "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
     "onClick-row"?: ((...args: any[]) => any) | undefined;
-}, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader"> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+}, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable"> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
     props: Partial<{
         sort: string[];
+        error: boolean;
         items: T[];
         loading: boolean;
         fixed: boolean;
         headers: TableHeader[];
+        loadingSkeleton: boolean;
+        loadingLines: string | number;
         dense: boolean;
         striped: boolean;
         pointer: boolean;
         scrollable: boolean;
         stickyHeader: boolean;
+        expandable: boolean;
     }> & Omit<{
         readonly sort: string[];
+        readonly error: boolean;
         readonly items: T[];
         readonly loading: boolean;
         readonly fixed: boolean;
         readonly headers: TableHeader[];
+        readonly loadingSkeleton: boolean;
+        readonly loadingLines: string | number;
         readonly dense: boolean;
         readonly striped: boolean;
         readonly pointer: boolean;
         readonly scrollable: boolean;
         readonly stickyHeader: boolean;
+        readonly expandable: boolean;
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -132,6 +165,12 @@ declare const _default: <T>(__VLS_props: Partial<{
             default: () => never[];
         };
         loading: BooleanConstructor;
+        loadingSkeleton: BooleanConstructor;
+        loadingLines: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        error: BooleanConstructor;
         dense: BooleanConstructor;
         fixed: BooleanConstructor;
         striped: BooleanConstructor;
@@ -144,39 +183,60 @@ declare const _default: <T>(__VLS_props: Partial<{
             type: BooleanConstructor;
             default: boolean;
         };
+        expandable: BooleanConstructor;
     }>> & {
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
-    }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+    }, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
     expose(exposed: {}): void;
     attrs: any;
     slots: Partial<Record<string, (_: {
+        header: TableHeader;
+    }) => any>> & Partial<Record<string, (_: {
+        item: number;
+    }) => any>> & Partial<Record<string, (_: {
         item: T;
-    }) => any>>;
+    }) => any>> & {
+        title?(_: {}): any;
+        actions?(_: {}): any;
+        error?(_: {}): any;
+        empty?(_: {}): any;
+        "expanded-row"?(_: {
+            item: T;
+        }): any;
+    };
     emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
 }, "emit" | "attrs" | "slots"> | undefined, __VLS_setup?: {
     props: Partial<{
         sort: string[];
+        error: boolean;
         items: T[];
         loading: boolean;
         fixed: boolean;
         headers: TableHeader[];
+        loadingSkeleton: boolean;
+        loadingLines: string | number;
         dense: boolean;
         striped: boolean;
         pointer: boolean;
         scrollable: boolean;
         stickyHeader: boolean;
+        expandable: boolean;
     }> & Omit<{
         readonly sort: string[];
+        readonly error: boolean;
         readonly items: T[];
         readonly loading: boolean;
         readonly fixed: boolean;
         readonly headers: TableHeader[];
+        readonly loadingSkeleton: boolean;
+        readonly loadingLines: string | number;
         readonly dense: boolean;
         readonly striped: boolean;
         readonly pointer: boolean;
         readonly scrollable: boolean;
         readonly stickyHeader: boolean;
+        readonly expandable: boolean;
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -193,6 +253,12 @@ declare const _default: <T>(__VLS_props: Partial<{
             default: () => never[];
         };
         loading: BooleanConstructor;
+        loadingSkeleton: BooleanConstructor;
+        loadingLines: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        error: BooleanConstructor;
         dense: BooleanConstructor;
         fixed: BooleanConstructor;
         striped: BooleanConstructor;
@@ -205,15 +271,28 @@ declare const _default: <T>(__VLS_props: Partial<{
             type: BooleanConstructor;
             default: boolean;
         };
+        expandable: BooleanConstructor;
     }>> & {
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
-    }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+    }, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
     expose(exposed: {}): void;
     attrs: any;
     slots: Partial<Record<string, (_: {
+        header: TableHeader;
+    }) => any>> & Partial<Record<string, (_: {
+        item: number;
+    }) => any>> & Partial<Record<string, (_: {
         item: T;
-    }) => any>>;
+    }) => any>> & {
+        title?(_: {}): any;
+        actions?(_: {}): any;
+        error?(_: {}): any;
+        empty?(_: {}): any;
+        "expanded-row"?(_: {
+            item: T;
+        }): any;
+    };
     emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
 }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -221,26 +300,34 @@ declare const _default: <T>(__VLS_props: Partial<{
     __ctx?: {
         props: Partial<{
             sort: string[];
+            error: boolean;
             items: T[];
             loading: boolean;
             fixed: boolean;
             headers: TableHeader[];
+            loadingSkeleton: boolean;
+            loadingLines: string | number;
             dense: boolean;
             striped: boolean;
             pointer: boolean;
             scrollable: boolean;
             stickyHeader: boolean;
+            expandable: boolean;
         }> & Omit<{
             readonly sort: string[];
+            readonly error: boolean;
             readonly items: T[];
             readonly loading: boolean;
             readonly fixed: boolean;
             readonly headers: TableHeader[];
+            readonly loadingSkeleton: boolean;
+            readonly loadingLines: string | number;
             readonly dense: boolean;
             readonly striped: boolean;
             readonly pointer: boolean;
             readonly scrollable: boolean;
             readonly stickyHeader: boolean;
+            readonly expandable: boolean;
             "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
             "onClick-row"?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -257,6 +344,12 @@ declare const _default: <T>(__VLS_props: Partial<{
                 default: () => never[];
             };
             loading: BooleanConstructor;
+            loadingSkeleton: BooleanConstructor;
+            loadingLines: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            error: BooleanConstructor;
             dense: BooleanConstructor;
             fixed: BooleanConstructor;
             striped: BooleanConstructor;
@@ -269,15 +362,28 @@ declare const _default: <T>(__VLS_props: Partial<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            expandable: BooleanConstructor;
         }>> & {
             "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
             "onClick-row"?: ((...args: any[]) => any) | undefined;
-        }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+        }, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
         expose(exposed: {}): void;
         attrs: any;
         slots: Partial<Record<string, (_: {
+            header: TableHeader;
+        }) => any>> & Partial<Record<string, (_: {
+            item: number;
+        }) => any>> & Partial<Record<string, (_: {
             item: T;
-        }) => any>>;
+        }) => any>> & {
+            title?(_: {}): any;
+            actions?(_: {}): any;
+            error?(_: {}): any;
+            empty?(_: {}): any;
+            "expanded-row"?(_: {
+                item: T;
+            }): any;
+        };
         emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
     } | undefined;
 };