vlite3 0.5.8 → 0.5.10

package/components/BackButton.vue.d.ts

@@ -0,0 +1,24 @@
+import { ButtonSize } from '../types';
+export interface BackButtonProps {
+    /** Icon to display, defaults to a left arrow */
+    icon?: string;
+    /** Button size variant */
+    size?: ButtonSize;
+    /** Tooltip text shown on hover */
+    tooltip?: string;
+    /** Custom CSS classes */
+    class?: string;
+    /**
+     * Fallback path when there's no browser history to go back to.
+     * Defaults to '/'
+     */
+    fallback?: string;
+}
+declare const _default: import('vue').DefineComponent<BackButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BackButtonProps> & Readonly<{}>, {
+    size: ButtonSize;
+    icon: string;
+    class: string;
+    fallback: string;
+    tooltip: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/components/BackButton.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as l, openBlock as c, createBlock as s, normalizeClass as i } from "vue";
+import { useRouter as n } from "vue-router";
+import r from "./Button.vue.js";
+const p = /* @__PURE__ */ l({
+  __name: "BackButton",
+  props: {
+    icon: { default: "heroicons-solid:arrow-left" },
+    size: { default: "sm" },
+    tooltip: { default: "Go back" },
+    class: { default: "" },
+    fallback: { default: "/" }
+  },
+  setup(o) {
+    const t = o, e = n();
+    function a() {
+      window.history.state?.back ? e.back() : e.push(t.fallback);
+    }
+    return (f, u) => (c(), s(r, {
+      variant: "ghost",
+      icon: o.icon,
+      size: o.size,
+      rounded: "full",
+      title: o.tooltip,
+      class: i(t.class),
+      onClick: a
+    }, null, 8, ["icon", "size", "title", "class"]));
+  }
+});
+export {
+  p as default
+};

package/components/BackButton.vue2.js

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

package/components/Chip/Chip.vue.js

@@ -31,7 +31,7 @@ const V = ["role", "tabindex"], j = {
         case "small":
           return "h-5.5 text-[11px] px-2.5 gap-1";
         case "large":
-          return "h-8 text-sm px-3 gap-2";
+          return "h-7 text-sm px-3 gap-2";
         default:
           return "h-6 text-xs px-2.5 gap-1.5";
       }

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -5,8 +5,8 @@ import O from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/List/List.vue.d.ts

@@ -7,6 +7,7 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
     loading: boolean;
     columns: import('./types').ListColumns;
     showColon: boolean;
+    stackedBorderStyle: import('./types').StackedBorderStyle;
     skeletonRows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/List/List.vue.js

@@ -1,18 +1,21 @@
-import { defineComponent as D, useSlots as E, computed as i, openBlock as r, createElementBlock as l, normalizeClass as v, renderSlot as g, createBlock as y, createCommentVNode as c, createElementVNode as b, toDisplayString as O, Fragment as m, renderList as f, createSlots as C, withCtx as I, mergeProps as $ } from "vue";
-import R from "../Icon.vue.js";
-import x from "./ListFieldRow.vue.js";
-import { $t as T } from "../../utils/i18n.js";
-import { getObjectValue as z } from "./utils.js";
-const A = {
+import { defineComponent as T, useSlots as z, computed as v, openBlock as t, createElementBlock as r, normalizeClass as g, renderSlot as k, createBlock as y, createCommentVNode as m, createElementVNode as u, toDisplayString as A, Fragment as c, renderList as f, createSlots as p, withCtx as C, mergeProps as x } from "vue";
+import G from "../Icon.vue.js";
+import $ from "./ListFieldRow.vue.js";
+import { $t as P } from "../../utils/i18n.js";
+import { getObjectValue as q } from "./utils.js";
+const H = {
   key: 0,
   class: "px-3 py-2.5 border-b border-border/70 flex items-center gap-2 bg-gray-50"
-}, N = { class: "text-sm font-semibold text-gray-900 tracking-tight" }, P = { key: 1 }, q = { key: 2 }, G = {
+}, J = { class: "text-sm font-semibold text-gray-900 tracking-tight" }, K = { class: "sm:hidden" }, N = { class: "hidden sm:block" }, Q = { class: "sm:hidden" }, U = { class: "hidden sm:block" }, W = {
+  key: 0,
+  class: "px-3 py-8 text-center text-sm text-muted-foreground"
+}, X = { key: 1 }, Y = { key: 2 }, Z = {
   key: 1,
   class: "px-3 py-8 text-center text-sm text-muted-foreground"
-}, H = {
+}, _ = {
   key: 3,
   class: "border-t border-border/70 px-3 py-2.5"
-}, X = /* @__PURE__ */ D({
+}, ne = /* @__PURE__ */ T({
   __name: "List",
   props: {
     fields: {},
@@ -25,165 +28,243 @@ const A = {
     class: { default: "" },
     showColon: { type: Boolean, default: !0 },
     loading: { type: Boolean, default: !1 },
-    skeletonRows: { default: 6 }
+    skeletonRows: { default: 6 },
+    stackedBorderStyle: { default: "none" }
   },
-  setup(a) {
-    const o = a, F = E(), w = i(() => o.fields.filter((e) => {
-      const u = z(e.key, o.data);
-      return e.whenTrue && !u ? !1 : e.when ? e.when(u, o.data) : !0;
-    })), n = i(() => {
+  setup(d) {
+    const o = d, D = z(), h = v(() => o.fields.filter((l) => {
+      const a = q(l.key, o.data);
+      return l.whenTrue && !a ? !1 : l.when ? l.when(a, o.data) : !0;
+    })), i = v(() => {
       if (o.columns === 1)
-        return { left: [], right: [], full: w.value };
-      const e = [], u = [], d = [];
-      for (const s of w.value) {
+        return { left: [], right: [], full: h.value };
+      const l = [], a = [], n = [];
+      for (const s of h.value) {
         if (s.lineByLine) {
-          d.push(s);
+          n.push(s);
           continue;
         }
-        e.length <= u.length ? e.push(s) : u.push(s);
+        l.length <= a.length ? l.push(s) : a.push(s);
       }
-      const t = Math.abs(e.length - u.length);
-      if (t >= 2) {
-        const s = e.length > u.length ? e : u, h = s.splice(s.length - Math.floor(t / 2));
-        d.unshift(...h);
+      const e = Math.abs(l.length - a.length);
+      if (e >= 2) {
+        const s = l.length > a.length ? l : a, b = s.splice(s.length - Math.floor(e / 2));
+        n.unshift(...b);
       }
-      return { left: e, right: u, full: d };
-    }), k = i(() => n.value.full.length > 0), M = i(
-      () => n.value.left.length > 0 || n.value.right.length > 0
-    ), B = i(() => o.titleI18n ? T(o.titleI18n) : o.title ?? ""), V = i(() => {
-      const e = {
+      return { left: l, right: a, full: n };
+    }), S = v(() => i.value.full.length > 0), E = v(
+      () => i.value.left.length > 0 || i.value.right.length > 0
+    ), B = v(() => o.titleI18n ? P(o.titleI18n) : o.title ?? ""), j = v(() => o.variant === "stacked"), O = v(() => {
+      const l = {
         default: "border border-border rounded",
-        card: "border border-border rounded-xl bg-card shadow-sm",
+        card: "border border-border rounded bg-card shadow-sm",
         minimal: "rounded",
         striped: "border border-border rounded",
         compact: "border border-border rounded",
-        "bordered-rows": "rounded border border-border"
+        "bordered-rows": "rounded border border-border",
+        stacked: "border border-border rounded"
       };
       return [
         "list-component w-full overflow-hidden",
-        e[o.variant] ?? e.default,
+        l[o.variant] ?? l.default,
         o.class
       ].join(" ");
-    }), j = i(() => o.columns === 1 ? "grid grid-cols-1" : o.columns === 3 ? "grid grid-cols-1 md:grid-cols-3" : "grid grid-cols-1 md:grid-cols-2"), S = i(() => o.columns === 1 ? "" : (o.columns === 3, "border-r border-border/70")), p = i(
-      () => Object.keys(F).filter((e) => !["title", "header", "footer"].includes(e))
-    ), L = i(() => Array.from({ length: o.skeletonRows }));
-    return (e, u) => (r(), l("div", {
-      class: v(V.value),
+    }), L = v(() => o.columns === 1 ? "grid grid-cols-1" : o.columns === 3 ? "grid grid-cols-1 md:grid-cols-3" : "grid grid-cols-1 md:grid-cols-2"), F = v(() => o.columns === 1 ? "" : "border-r border-border/70"), M = v(() => o.columns === 1 ? 1 : o.columns === 3 ? 3 : 2), V = v(() => o.columns === 1 ? "grid grid-cols-1 pb-2.5 pt-1 px-1" : o.columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 pb-2.5 pt-1 px-1" : "grid grid-cols-1 sm:grid-cols-2 pb-2.5 pt-1 px-1"), w = v(
+      () => Object.keys(D).filter((l) => !["title", "header", "footer"].includes(l))
+    ), I = v(() => Array.from({ length: o.skeletonRows }));
+    function R(l) {
+      return o.stackedBorderStyle === "divider" && l % M.value !== 0 ? "flex flex-col gap-1.5 py-2 border-l border-border pl-4 pr-3.5" : "flex flex-col gap-1.5 px-3.5 py-2";
+    }
+    return (l, a) => (t(), r("div", {
+      class: g(O.value),
       role: "table",
       "aria-label": "Information list"
     }, [
-      B.value || a.titleIcon || e.$slots.title ? (r(), l("div", A, [
-        g(e.$slots, "title", {}, () => [
-          a.titleIcon ? (r(), y(R, {
+      B.value || d.titleIcon || l.$slots.title ? (t(), r("div", H, [
+        k(l.$slots, "title", {}, () => [
+          d.titleIcon ? (t(), y(G, {
             key: 0,
-            icon: a.titleIcon,
+            icon: d.titleIcon,
             class: "w-4 h-4 text-muted-foreground shrink-0"
-          }, null, 8, ["icon"])) : c("", !0),
-          b("h3", N, O(B.value), 1)
+          }, null, 8, ["icon"])) : m("", !0),
+          u("h3", J, A(B.value), 1)
         ])
-      ])) : c("", !0),
-      a.loading ? (r(), l("div", {
-        key: 1,
-        class: v(j.value)
-      }, [
-        b("div", null, [
-          (r(!0), l(m, null, f(L.value, (d, t) => (r(), l("div", {
-            key: "sk-l-" + t,
-            class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
-          }, [...u[0] || (u[0] = [
-            b("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
-            b("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
-          ])]))), 128))
-        ]),
-        a.columns !== 1 ? (r(), l("div", {
-          key: 0,
-          class: v(S.value)
+      ])) : m("", !0),
+      d.loading ? (t(), r(c, { key: 1 }, [
+        j.value ? (t(), r(c, { key: 0 }, [
+          u("div", K, [
+            (t(!0), r(c, null, f(I.value, (n, e) => (t(), r("div", {
+              key: "sk-sm-" + e,
+              class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
+            }, [...a[0] || (a[0] = [
+              u("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
+              u("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
+            ])]))), 128))
+          ]),
+          u("div", N, [
+            u("div", {
+              class: g(V.value)
+            }, [
+              (t(!0), r(c, null, f(I.value, (n, e) => (t(), r("div", {
+                key: "sk-s-" + e,
+                class: g(R(e))
+              }, [...a[1] || (a[1] = [
+                u("div", { class: "h-3 w-1/3 rounded bg-muted/60 animate-pulse" }, null, -1),
+                u("div", { class: "h-4 w-2/3 rounded bg-muted animate-pulse" }, null, -1)
+              ])], 2))), 128))
+            ], 2)
+          ])
+        ], 64)) : (t(), r("div", {
+          key: 1,
+          class: g(L.value)
         }, [
-          (r(!0), l(m, null, f(L.value, (d, t) => (r(), l("div", {
-            key: "sk-r-" + t,
-            class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
-          }, [...u[1] || (u[1] = [
-            b("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
-            b("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
-          ])]))), 128))
-        ], 2)) : c("", !0)
-      ], 2)) : (r(), l(m, { key: 2 }, [
-        b("div", {
-          class: v(j.value)
-        }, [
-          n.value.left.length > 0 ? (r(), l("div", {
+          u("div", null, [
+            (t(!0), r(c, null, f(I.value, (n, e) => (t(), r("div", {
+              key: "sk-l-" + e,
+              class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
+            }, [...a[2] || (a[2] = [
+              u("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
+              u("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
+            ])]))), 128))
+          ]),
+          d.columns !== 1 ? (t(), r("div", {
             key: 0,
-            class: v(S.value)
+            class: g(F.value)
           }, [
-            (r(!0), l(m, null, f(n.value.left, (d, t) => (r(), y(x, {
-              key: d.key + t,
-              field: d,
+            (t(!0), r(c, null, f(I.value, (n, e) => (t(), r("div", {
+              key: "sk-r-" + e,
+              class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
+            }, [...a[3] || (a[3] = [
+              u("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
+              u("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
+            ])]))), 128))
+          ], 2)) : m("", !0)
+        ], 2))
+      ], 64)) : (t(), r(c, { key: 2 }, [
+        j.value ? (t(), r(c, { key: 0 }, [
+          u("div", Q, [
+            (t(!0), r(c, null, f(h.value, (n, e) => (t(), y($, {
+              key: "mob-" + n.key + e,
+              field: n,
               data: o.data,
-              index: t,
-              variant: a.variant,
-              "show-colon": a.showColon,
-              "is-last": t === n.value.left.length - 1,
-              "show-border-bottom": t < n.value.left.length - 1 || t === n.value.left.length - 1 && !k.value
-            }, C({ _: 2 }, [
-              f(p.value, (s) => ({
+              index: e,
+              variant: "default",
+              "show-colon": d.showColon,
+              "is-last": e === h.value.length - 1,
+              "show-border-bottom": e < h.value.length - 1
+            }, p({ _: 2 }, [
+              f(w.value, (s) => ({
                 name: s,
-                fn: I((h) => [
-                  g(e.$slots, s, $({ ref_for: !0 }, h))
+                fn: C((b) => [
+                  k(l.$slots, s, x({ ref_for: !0 }, b))
                 ])
               }))
-            ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]))), 128))
-          ], 2)) : c("", !0),
-          a.columns !== 1 && n.value.right.length > 0 ? (r(), l("div", P, [
-            (r(!0), l(m, null, f(n.value.right, (d, t) => (r(), y(x, {
-              key: d.key + t,
-              field: d,
+            ]), 1032, ["field", "data", "index", "show-colon", "is-last", "show-border-bottom"]))), 128))
+          ]),
+          u("div", U, [
+            u("div", {
+              class: g(V.value)
+            }, [
+              (t(!0), r(c, null, f(h.value, (n, e) => (t(), y($, {
+                key: n.key + e,
+                field: n,
+                data: o.data,
+                index: e,
+                variant: d.variant,
+                "show-colon": !1,
+                "is-last": e === h.value.length - 1,
+                "show-border-bottom": !1,
+                "stacked-col-index": e % M.value,
+                "stacked-border-style": d.stackedBorderStyle
+              }, p({ _: 2 }, [
+                f(w.value, (s) => ({
+                  name: s,
+                  fn: C((b) => [
+                    k(l.$slots, s, x({ ref_for: !0 }, b))
+                  ])
+                }))
+              ]), 1032, ["field", "data", "index", "variant", "is-last", "stacked-col-index", "stacked-border-style"]))), 128))
+            ], 2)
+          ]),
+          h.value.length === 0 ? (t(), r("div", W, " No information to display. ")) : m("", !0)
+        ], 64)) : (t(), r(c, { key: 1 }, [
+          u("div", {
+            class: g(L.value)
+          }, [
+            i.value.left.length > 0 ? (t(), r("div", {
+              key: 0,
+              class: g(F.value)
+            }, [
+              (t(!0), r(c, null, f(i.value.left, (n, e) => (t(), y($, {
+                key: n.key + e,
+                field: n,
+                data: o.data,
+                index: e,
+                variant: d.variant,
+                "show-colon": d.showColon,
+                "is-last": e === i.value.left.length - 1,
+                "show-border-bottom": e < i.value.left.length - 1 || e === i.value.left.length - 1 && !S.value
+              }, p({ _: 2 }, [
+                f(w.value, (s) => ({
+                  name: s,
+                  fn: C((b) => [
+                    k(l.$slots, s, x({ ref_for: !0 }, b))
+                  ])
+                }))
+              ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]))), 128))
+            ], 2)) : m("", !0),
+            d.columns !== 1 && i.value.right.length > 0 ? (t(), r("div", X, [
+              (t(!0), r(c, null, f(i.value.right, (n, e) => (t(), y($, {
+                key: n.key + e,
+                field: n,
+                data: o.data,
+                index: e,
+                variant: d.variant,
+                "show-colon": d.showColon,
+                "is-last": e === i.value.right.length - 1,
+                "show-border-bottom": e < i.value.right.length - 1 || e === i.value.right.length - 1 && !S.value
+              }, p({ _: 2 }, [
+                f(w.value, (s) => ({
+                  name: s,
+                  fn: C((b) => [
+                    k(l.$slots, s, x({ ref_for: !0 }, b))
+                  ])
+                }))
+              ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]))), 128))
+            ])) : m("", !0),
+            d.columns === 3 ? (t(), r("div", Y)) : m("", !0)
+          ], 2),
+          S.value ? (t(), r("div", {
+            key: 0,
+            class: g(E.value ? "border-t border-border" : "")
+          }, [
+            (t(!0), r(c, null, f(i.value.full, (n, e) => (t(), y($, {
+              key: n.key + e,
+              field: n,
               data: o.data,
-              index: t,
-              variant: a.variant,
-              "show-colon": a.showColon,
-              "is-last": t === n.value.right.length - 1,
-              "show-border-bottom": t < n.value.right.length - 1 || t === n.value.right.length - 1 && !k.value
-            }, C({ _: 2 }, [
-              f(p.value, (s) => ({
+              index: e,
+              variant: d.variant,
+              "show-colon": d.showColon,
+              "is-last": e === i.value.full.length - 1,
+              "show-border-bottom": e < i.value.full.length - 1
+            }, p({ _: 2 }, [
+              f(w.value, (s) => ({
                 name: s,
-                fn: I((h) => [
-                  g(e.$slots, s, $({ ref_for: !0 }, h))
+                fn: C((b) => [
+                  k(l.$slots, s, x({ ref_for: !0 }, b))
                 ])
               }))
             ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]))), 128))
-          ])) : c("", !0),
-          a.columns === 3 ? (r(), l("div", q)) : c("", !0)
-        ], 2),
-        k.value ? (r(), l("div", {
-          key: 0,
-          class: v(M.value ? "border-t border-border" : "")
-        }, [
-          (r(!0), l(m, null, f(n.value.full, (d, t) => (r(), y(x, {
-            key: d.key + t,
-            field: d,
-            data: o.data,
-            index: t,
-            variant: a.variant,
-            "show-colon": a.showColon,
-            "is-last": t === n.value.full.length - 1,
-            "show-border-bottom": t < n.value.full.length - 1
-          }, C({ _: 2 }, [
-            f(p.value, (s) => ({
-              name: s,
-              fn: I((h) => [
-                g(e.$slots, s, $({ ref_for: !0 }, h))
-              ])
-            }))
-          ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]))), 128))
-        ], 2)) : c("", !0),
-        w.value.length === 0 ? (r(), l("div", G, " No information to display. ")) : c("", !0)
+          ], 2)) : m("", !0),
+          h.value.length === 0 ? (t(), r("div", Z, " No information to display. ")) : m("", !0)
+        ], 64))
       ], 64)),
-      e.$slots.footer ? (r(), l("div", H, [
-        g(e.$slots, "footer")
-      ])) : c("", !0)
+      l.$slots.footer ? (t(), r("div", _, [
+        k(l.$slots, "footer")
+      ])) : m("", !0)
     ], 2));
   }
 });
 export {
-  X as default
+  ne as default
 };

package/components/List/ListFieldRow.vue.d.ts

@@ -1,4 +1,4 @@
-import { ListField } from './types';
+import { ListField, StackedBorderStyle } from './types';
 interface Props {
     field: ListField;
     data: Record<string, any>;
@@ -7,6 +7,19 @@ interface Props {
     variant?: string;
     showColon?: boolean;
     index?: number;
+    /**
+     * For the stacked variant only.
+     * The column position of this item within its row (0-based).
+     * Passed down from List.vue as `idx % stackedColCount`.
+     */
+    stackedColIndex?: number;
+    /**
+     * For the stacked variant only.
+     * Controls whether left border dividers appear between cells.
+     * - `'none'`    — No borders (default, stock look).
+     * - `'divider'` — Left border on non-first cells per row + extra left padding.
+     */
+    stackedBorderStyle?: StackedBorderStyle;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -14,9 +27,13 @@ declare function __VLS_template(): {
         value: any;
         resolved: string;
         data: Record<string, any>;
+    }) => any>> & Partial<Record<string, (_: {
+        value: any;
+        resolved: string;
+        data: Record<string, any>;
     }) => any>>;
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
@@ -25,7 +42,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     isLast: boolean;
     showBorderBottom: boolean;
     showColon: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    stackedColIndex: number;
+    stackedBorderStyle: StackedBorderStyle;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {