@indielayer/ui 0.0.0-dev-20240125104319

package/lib/components/tab/__tests__/Tab.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/tab/__tests__/TabGroup.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/tab/index.d.ts

@@ -0,0 +1,4 @@
+export { default as XTab } from './Tab.vue';
+export type { TabProps, TabTheme } from './Tab.vue';
+export { default as XTabGroup } from './TabGroup.vue';
+export type { TabGroupProps, TabGroupAlign, TabGroupInjection, TabGroupVariant, TabGroupTheme, } from './TabGroup.vue';

package/lib/components/tab/theme/Tab.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TabTheme } from '../Tab.vue';
+declare const theme: TabTheme;
+export default theme;

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

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

package/lib/components/tab/theme/Tab.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TabTheme } from '../Tab.vue';
+declare const theme: TabTheme;
+export default theme;

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

@@ -0,0 +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"];
+      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",
+    tabpanel: "py-4"
+  }
+}, l = n;
+export {
+  l as default
+};

package/lib/components/tab/theme/TabGroup.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TabGroupTheme } from '../TabGroup.vue';
+declare const theme: TabGroupTheme;
+export default theme;

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

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

package/lib/components/tab/theme/TabGroup.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { TabGroupTheme } from '../TabGroup.vue';
+declare const theme: TabGroupTheme;
+export default theme;

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

@@ -0,0 +1,31 @@
+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-[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]
+      }
+    });
+  }
+}, n = l;
+export {
+  n as default
+};

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

@@ -0,0 +1,284 @@
+import type { ExtractPublicPropTypes, PropType } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+import { type TableHeaderAlign } from './TableHeader.vue';
+declare const tableProps: {
+    headers: {
+        type: PropType<TableHeader[]>;
+        default: () => never[];
+    };
+    items: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    sort: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    loading: BooleanConstructor;
+    dense: BooleanConstructor;
+    fixed: BooleanConstructor;
+    striped: BooleanConstructor;
+    pointer: BooleanConstructor;
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stickyHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type TableHeader = {
+    sortable?: boolean;
+    sort?: string[];
+    align?: TableHeaderAlign;
+    value?: string;
+    text?: string;
+    width?: string | number;
+};
+export type TableProps = ExtractPublicPropTypes<typeof tableProps>;
+type InternalClasses = 'wrapper' | 'loadingWrapper';
+export interface TableTheme extends ThemeComponent<TableProps, InternalClasses> {
+}
+declare const _default: <T>(__VLS_props: Partial<{
+    sort: string[];
+    items: T[];
+    loading: boolean;
+    fixed: boolean;
+    headers: TableHeader[];
+    dense: boolean;
+    striped: boolean;
+    pointer: boolean;
+    scrollable: boolean;
+    stickyHeader: boolean;
+}> & Omit<{
+    readonly sort: string[];
+    readonly items: T[];
+    readonly loading: boolean;
+    readonly fixed: boolean;
+    readonly headers: TableHeader[];
+    readonly dense: boolean;
+    readonly striped: boolean;
+    readonly pointer: boolean;
+    readonly scrollable: boolean;
+    readonly stickyHeader: 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<{
+    items: {
+        type: PropType<T[]>;
+        default: () => never[];
+    };
+    headers: {
+        type: PropType<TableHeader[]>;
+        default: () => never[];
+    };
+    sort: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    loading: BooleanConstructor;
+    dense: BooleanConstructor;
+    fixed: BooleanConstructor;
+    striped: BooleanConstructor;
+    pointer: BooleanConstructor;
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stickyHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "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<{
+    props: Partial<{
+        sort: string[];
+        items: T[];
+        loading: boolean;
+        fixed: boolean;
+        headers: TableHeader[];
+        dense: boolean;
+        striped: boolean;
+        pointer: boolean;
+        scrollable: boolean;
+        stickyHeader: boolean;
+    }> & Omit<{
+        readonly sort: string[];
+        readonly items: T[];
+        readonly loading: boolean;
+        readonly fixed: boolean;
+        readonly headers: TableHeader[];
+        readonly dense: boolean;
+        readonly striped: boolean;
+        readonly pointer: boolean;
+        readonly scrollable: boolean;
+        readonly stickyHeader: 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<{
+        items: {
+            type: PropType<T[]>;
+            default: () => never[];
+        };
+        headers: {
+            type: PropType<TableHeader[]>;
+            default: () => never[];
+        };
+        sort: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+        loading: BooleanConstructor;
+        dense: BooleanConstructor;
+        fixed: BooleanConstructor;
+        striped: BooleanConstructor;
+        pointer: BooleanConstructor;
+        scrollable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        stickyHeader: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
+        "onClick-row"?: ((...args: any[]) => any) | undefined;
+    }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: Partial<Record<string, (_: {
+        item: T;
+    }) => any>>;
+    emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
+}, "emit" | "attrs" | "slots"> | undefined, __VLS_setup?: {
+    props: Partial<{
+        sort: string[];
+        items: T[];
+        loading: boolean;
+        fixed: boolean;
+        headers: TableHeader[];
+        dense: boolean;
+        striped: boolean;
+        pointer: boolean;
+        scrollable: boolean;
+        stickyHeader: boolean;
+    }> & Omit<{
+        readonly sort: string[];
+        readonly items: T[];
+        readonly loading: boolean;
+        readonly fixed: boolean;
+        readonly headers: TableHeader[];
+        readonly dense: boolean;
+        readonly striped: boolean;
+        readonly pointer: boolean;
+        readonly scrollable: boolean;
+        readonly stickyHeader: 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<{
+        items: {
+            type: PropType<T[]>;
+            default: () => never[];
+        };
+        headers: {
+            type: PropType<TableHeader[]>;
+            default: () => never[];
+        };
+        sort: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+        loading: BooleanConstructor;
+        dense: BooleanConstructor;
+        fixed: BooleanConstructor;
+        striped: BooleanConstructor;
+        pointer: BooleanConstructor;
+        scrollable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        stickyHeader: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
+        "onClick-row"?: ((...args: any[]) => any) | undefined;
+    }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: Partial<Record<string, (_: {
+        item: T;
+    }) => any>>;
+    emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
+}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: Partial<{
+            sort: string[];
+            items: T[];
+            loading: boolean;
+            fixed: boolean;
+            headers: TableHeader[];
+            dense: boolean;
+            striped: boolean;
+            pointer: boolean;
+            scrollable: boolean;
+            stickyHeader: boolean;
+        }> & Omit<{
+            readonly sort: string[];
+            readonly items: T[];
+            readonly loading: boolean;
+            readonly fixed: boolean;
+            readonly headers: TableHeader[];
+            readonly dense: boolean;
+            readonly striped: boolean;
+            readonly pointer: boolean;
+            readonly scrollable: boolean;
+            readonly stickyHeader: 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<{
+            items: {
+                type: PropType<T[]>;
+                default: () => never[];
+            };
+            headers: {
+                type: PropType<TableHeader[]>;
+                default: () => never[];
+            };
+            sort: {
+                type: PropType<string[]>;
+                default: () => never[];
+            };
+            loading: BooleanConstructor;
+            dense: BooleanConstructor;
+            fixed: BooleanConstructor;
+            striped: BooleanConstructor;
+            pointer: BooleanConstructor;
+            scrollable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            stickyHeader: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
+            "onClick-row"?: ((...args: any[]) => any) | undefined;
+        }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+        expose(exposed: {}): void;
+        attrs: any;
+        slots: Partial<Record<string, (_: {
+            item: T;
+        }) => any>>;
+        emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
+    } | undefined;
+};
+export default _default;

package/lib/components/table/Table.vue.js

@@ -0,0 +1,146 @@
+import { defineComponent as N, openBlock as s, createElementBlock as a, createElementVNode as x, normalizeStyle as H, unref as i, normalizeClass as g, createVNode as f, withCtx as u, Fragment as d, renderList as c, createBlock as m, createTextVNode as v, toDisplayString as b, renderSlot as S, createCommentVNode as V } from "vue";
+import { useTheme as z } from "../../composables/useTheme.js";
+import X from "./TableHead.js";
+import E from "./TableHeader.vue.js";
+import h from "./TableBody.js";
+import D from "./TableRow.vue.js";
+import F from "./TableCell.vue.js";
+import I from "../spinner/Spinner.vue.js";
+const L = { class: "w-full overflow-x-auto" }, P = {
+  headers: {
+    type: Array,
+    default: () => []
+  },
+  items: {
+    type: Array,
+    default: () => []
+  },
+  sort: {
+    type: Array,
+    default: () => []
+  },
+  loading: Boolean,
+  dense: Boolean,
+  fixed: Boolean,
+  striped: Boolean,
+  pointer: Boolean,
+  scrollable: {
+    type: Boolean,
+    default: !0
+  },
+  stickyHeader: {
+    type: Boolean,
+    default: !0
+  }
+}, W = { name: "XTable" }, Y = /* @__PURE__ */ N({
+  ...W,
+  props: {
+    ...P,
+    items: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:sort", "click-row"],
+  setup(p, { emit: B }) {
+    const y = p, $ = B;
+    function _(t, r) {
+      if (t)
+        for (let e = 0; e < r.length; e++) {
+          const { 0: l, 1: o } = r[e].split(",");
+          if (t === l)
+            return parseInt(o) > 0 ? 1 : -1;
+        }
+    }
+    function w(t) {
+      const r = y.sort.slice(0);
+      let e = !1;
+      for (let l = 0; l < r.length; l++) {
+        const { 0: o, 1: n } = r[l].split(",");
+        if (o === t.value) {
+          if (e = !0, n === "-1") {
+            r.splice(l, 1, `${t.value},1`);
+            break;
+          } else if (n === "1") {
+            r.splice(l, 1);
+            break;
+          }
+        }
+      }
+      e || r.push(`${t.value},-1`), $("update:sort", r);
+    }
+    function C(t, r) {
+      if (!r)
+        return "";
+      const e = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
+      return (e == null ? void 0 : e.reduce((o, n) => o && o[n], t)) ?? "";
+    }
+    const { styles: T, classes: k, className: A } = z("Table", {}, y);
+    return (t, r) => (s(), a("div", L, [
+      x("table", {
+        style: H(i(T)),
+        class: g([
+          i(A),
+          i(k).wrapper
+        ])
+      }, [
+        f(i(X), null, {
+          default: u(() => [
+            (s(!0), a(d, null, c(t.headers, (e, l) => (s(), m(E, {
+              key: l,
+              "sticky-header": t.stickyHeader,
+              "text-align": e.align,
+              sort: _(e.value, t.sort),
+              sortable: e.sortable,
+              width: e.width,
+              onClick: (o) => e.sortable ? w(e) : null
+            }, {
+              default: u(() => [
+                v(b(e.text), 1)
+              ]),
+              _: 2
+            }, 1032, ["sticky-header", "text-align", "sort", "sortable", "width", "onClick"]))), 128))
+          ]),
+          _: 1
+        }),
+        f(i(h), null, {
+          default: u(() => [
+            (s(!0), a(d, null, c(p.items, (e, l) => (s(), m(D, {
+              key: l,
+              pointer: t.pointer,
+              striped: t.striped,
+              onClick: (o) => t.$emit("click-row", e)
+            }, {
+              default: u(() => [
+                (s(!0), a(d, null, c(t.headers, (o, n) => (s(), m(F, {
+                  key: n,
+                  "text-align": o.align,
+                  dense: t.dense,
+                  fixed: t.fixed
+                }, {
+                  default: u(() => [
+                    S(t.$slots, `item-${o.value}`, { item: e }, () => [
+                      v(b(C(e, o.value)), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["text-align", "dense", "fixed"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["pointer", "striped", "onClick"]))), 128))
+          ]),
+          _: 3
+        }),
+        t.loading ? (s(), a("div", {
+          key: 0,
+          class: g(i(k).loadingWrapper)
+        }, [
+          f(I, { size: "lg" })
+        ], 2)) : V("", !0)
+      ], 6)
+    ]));
+  }
+});
+export {
+  Y as default
+};

package/lib/components/table/Table.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Table.vue.js";
+export {
+  f as default
+};

package/lib/components/table/TableBody.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/table/TableBody.js

@@ -0,0 +1,15 @@
+import { defineComponent as d, createVNode as n } from "vue";
+const p = /* @__PURE__ */ d({
+  name: "XTableBody",
+  setup(o, {
+    slots: e
+  }) {
+    return () => {
+      var a;
+      return n("tbody", null, [(a = e.default) == null ? void 0 : a.call(e)]);
+    };
+  }
+});
+export {
+  p as default
+};

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

@@ -0,0 +1,66 @@
+import type { ExtractPublicPropTypes, PropType } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const validators: {
+    textAlign: readonly [null, "left", "center", "right", "justify"];
+    verticalAlign: readonly [null, "baseline", "bottom", "middle", "text-bottom", "text-top", "top"];
+};
+declare const tableCellProps: {
+    textAlign: {
+        type: PropType<"left" | "right" | "center" | "justify" | null>;
+        validator: (value: string) => boolean;
+    };
+    truncate: BooleanConstructor;
+    dense: BooleanConstructor;
+    fixed: BooleanConstructor;
+    verticalAlign: {
+        type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+};
+export type TableCellTextAlign = typeof validators.textAlign[number];
+export type TableCellVerticalAlign = typeof validators.verticalAlign[number];
+export type TableCellProps = ExtractPublicPropTypes<typeof tableCellProps>;
+type InternalClasses = 'wrapper';
+export interface TableCellTheme extends ThemeComponent<TableCellProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    textAlign: {
+        type: PropType<"left" | "right" | "center" | "justify" | null>;
+        validator: (value: string) => boolean;
+    };
+    truncate: BooleanConstructor;
+    dense: BooleanConstructor;
+    fixed: BooleanConstructor;
+    verticalAlign: {
+        type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    textAlign: {
+        type: PropType<"left" | "right" | "center" | "justify" | null>;
+        validator: (value: string) => boolean;
+    };
+    truncate: BooleanConstructor;
+    dense: BooleanConstructor;
+    fixed: BooleanConstructor;
+    verticalAlign: {
+        type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    fixed: boolean;
+    dense: boolean;
+    truncate: boolean;
+    verticalAlign: "top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};