@indielayer/ui 1.4.0 → 1.5.1

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

@@ -1,14 +1,15 @@
-import { defineComponent as J, ref as X, watch as F, resolveComponent as O, openBlock as n, createElementBlock as i, normalizeClass as p, unref as c, renderSlot as d, createElementVNode as f, normalizeStyle as P, createVNode as m, withCtx as u, createBlock as y, createCommentVNode as b, Fragment as k, renderList as v, createTextVNode as C, toDisplayString as N } from "vue";
-import { useTheme as W } from "../../composables/useTheme.js";
-import q from "./TableHead.vue.js";
-import S from "./TableHeader.vue.js";
-import G from "./TableBody.js";
-import z from "./TableRow.vue.js";
-import _ from "./TableCell.vue.js";
-import K from "../spinner/Spinner.vue.js";
-import M from "../skeleton/Skeleton.vue.js";
-import { chevronDownIcon as Q } from "../../common/icons.js";
-const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["onClick"], x = { key: 0 }, ee = { colspan: "999" }, te = {
+import { defineComponent as E, ref as J, watch as X, openBlock as n, createElementBlock as a, normalizeClass as c, unref as u, renderSlot as i, createElementVNode as f, normalizeStyle as F, createVNode as p, withCtx as d, createBlock as m, createCommentVNode as $, Fragment as y, renderList as g, createTextVNode as _, toDisplayString as C } from "vue";
+import { useTheme as O } from "../../composables/useTheme.js";
+import P from "./TableHead.vue.js";
+import N from "./TableHeader.vue.js";
+import W from "./TableBody.js";
+import S from "./TableRow.vue.js";
+import w from "./TableCell.vue.js";
+import q from "../spinner/Spinner.vue.js";
+import G from "../skeleton/Skeleton.vue.js";
+import K from "../icon/Icon.vue.js";
+import { chevronDownIcon as M } from "../../common/icons.js";
+const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["onClick"], j = { key: 0 }, x = { colspan: "999" }, ee = {
   headers: {
     type: Array,
     default: () => []
@@ -41,217 +42,214 @@ const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["on
     default: !0
   },
   expandable: Boolean
-}, ne = { name: "XTable" }, fe = /* @__PURE__ */ J({
-  ...ne,
+}, te = { name: "XTable" }, pe = /* @__PURE__ */ E({
+  ...te,
   props: {
-    ...te,
+    ...ee,
     items: {
       type: Array,
       default: () => []
     }
   },
   emits: ["update:sort", "click-row"],
-  setup(h, { emit: A }) {
-    const $ = h;
-    function T(e) {
+  setup(h, { emit: z }) {
+    const v = h;
+    function A(e) {
       try {
         return JSON.parse(JSON.stringify(e));
       } catch {
         return [];
       }
     }
-    const g = X([]);
-    F(() => $.items, (e) => {
-      $.expandable && (g.value = T(e));
+    const k = J([]);
+    X(() => v.items, (e) => {
+      v.expandable && (k.value = A(e));
     }, { immediate: !0 });
-    const H = A;
-    function V(e, l) {
+    const T = z;
+    function H(e, o) {
       if (e)
-        for (let r = 0; r < l.length; r++) {
-          const { 0: t, 1: o } = l[r].split(",");
-          if (e === t)
-            return parseInt(o) > 0 ? 1 : -1;
+        for (let t = 0; t < o.length; t++) {
+          const { 0: l, 1: s } = o[t].split(",");
+          if (e === l)
+            return parseInt(s) > 0 ? 1 : -1;
         }
     }
-    function I(e) {
-      const l = $.sort.slice(0);
-      let r = !1;
-      for (let t = 0; t < l.length; t++) {
-        const { 0: o, 1: s } = l[t].split(",");
-        if (o === e.value) {
-          if (r = !0, s === "-1") {
-            l.splice(t, 1, `${e.value},1`);
+    function V(e) {
+      const o = v.sort.slice(0);
+      let t = !1;
+      for (let l = 0; l < o.length; l++) {
+        const { 0: s, 1: r } = o[l].split(",");
+        if (s === e.value) {
+          if (t = !0, r === "-1") {
+            o.splice(l, 1, `${e.value},1`);
             break;
-          } else if (s === "1") {
-            l.splice(t, 1);
+          } else if (r === "1") {
+            o.splice(l, 1);
             break;
           }
         }
       }
-      r || l.push(`${e.value},-1`), H("update:sort", l);
+      t || o.push(`${e.value},-1`), T("update:sort", o);
     }
-    function L(e, l) {
-      if (!l)
+    function I(e, o) {
+      if (!o)
         return "";
-      const r = Array.isArray(l) ? l : l.match(/([^[.\]])+/g);
-      return (r == null ? void 0 : r.reduce((o, s) => o && o[s], e)) ?? "";
+      const t = Array.isArray(o) ? o : o.match(/([^[.\]])+/g);
+      return (t == null ? void 0 : t.reduce((s, r) => s && s[r], e)) ?? "";
     }
-    const { styles: D, classes: w, className: E } = W("Table", {}, $);
-    return (e, l) => {
-      const r = O("x-icon");
-      return n(), i("div", {
-        class: p([c(E), c(w).wrapper])
+    const { styles: L, classes: b, className: D } = O("Table", {}, v);
+    return (e, o) => (n(), a("div", {
+      class: c([u(D), u(b).wrapper])
+    }, [
+      i(e.$slots, "title"),
+      i(e.$slots, "actions"),
+      f("table", {
+        style: F(u(L)),
+        class: c(u(b).table)
       }, [
-        d(e.$slots, "title"),
-        d(e.$slots, "actions"),
-        f("table", {
-          style: P(c(D)),
-          class: p(c(w).table)
-        }, [
-          m(q, null, {
-            default: u(() => [
-              e.expandable ? (n(), y(S, {
-                key: 0,
-                width: "48",
-                class: "!p-0",
-                "sticky-header": e.stickyHeader
-              }, null, 8, ["sticky-header"])) : b("", !0),
-              (n(!0), i(k, null, v(e.headers, (t, o) => (n(), y(S, {
-                key: o,
-                "sticky-header": e.stickyHeader,
-                "text-align": t.align,
-                sort: V(t.value, e.sort),
-                sortable: t.sortable,
-                width: t.width,
-                onClick: (s) => t.sortable ? I(t) : null
-              }, {
-                default: u(() => [
-                  d(e.$slots, `header-${t.value}`, { header: t }, () => [
-                    C(N(t.text), 1)
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["sticky-header", "text-align", "sort", "sortable", "width", "onClick"]))), 128))
-            ]),
-            _: 3
-          }),
-          m(c(G), null, {
-            default: u(() => [
-              e.loading ? (n(!0), i(k, { key: 0 }, v(Number(e.loadingLines), (t, o) => (n(), y(z, {
-                key: o,
-                striped: e.striped
-              }, {
-                default: u(() => [
-                  (n(!0), i(k, null, v(e.headers, (s, a) => (n(), y(_, {
-                    key: a,
-                    "text-align": s.align,
-                    width: s.width,
-                    dense: e.dense,
-                    fixed: e.fixed
-                  }, {
-                    default: u(() => [
-                      d(e.$slots, `loading-${s.value}`, { item: t }, () => [
-                        m(M, {
-                          class: p(["max-w-[60%]", {
-                            "mx-auto": s.align === "center",
-                            "ml-auto": s.align === "right"
-                          }]),
-                          shape: s.skeletonShape || "line"
-                        }, null, 8, ["shape", "class"])
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
-                ]),
-                _: 2
-              }, 1032, ["striped"]))), 128)) : e.error ? (n(), i("tr", R, [
-                f("td", {
-                  colspan: e.headers.length
-                }, [
-                  d(e.$slots, "error")
-                ], 8, U)
-              ])) : !h.items || h.items.length === 0 ? (n(), i("tr", Y, [
-                f("td", {
-                  colspan: e.headers.length
-                }, [
-                  d(e.$slots, "empty")
-                ], 8, Z)
-              ])) : (n(!0), i(k, { key: 3 }, v(h.items, (t, o) => {
-                var s;
-                return n(), i(k, { key: o }, [
-                  m(z, {
-                    pointer: e.pointer,
-                    striped: e.striped,
-                    onClick: (a) => e.$emit("click-row", t)
-                  }, {
-                    default: u(() => [
-                      e.expandable ? (n(), y(_, {
-                        key: 0,
-                        width: "48",
-                        class: "!p-1"
-                      }, {
-                        default: u(() => {
-                          var a;
-                          return [
-                            f("button", {
-                              class: "p-4",
-                              onClick: (B) => g.value[o].__expanded = !g.value[o].__expanded
-                            }, [
-                              m(r, {
-                                icon: c(Q),
-                                size: e.dense ? "xs" : "md",
-                                class: p(["transition-transform", {
-                                  "rotate-180": (a = g.value[o]) == null ? void 0 : a.__expanded
-                                }])
-                              }, null, 8, ["icon", "size", "class"])
-                            ], 8, j)
-                          ];
-                        }),
-                        _: 2
-                      }, 1024)) : b("", !0),
-                      (n(!0), i(k, null, v(e.headers, (a, B) => (n(), y(_, {
-                        key: B,
-                        "text-align": a.align,
-                        truncate: a.truncate,
-                        width: a.width,
-                        dense: e.dense,
-                        fixed: e.fixed
-                      }, {
-                        default: u(() => [
-                          d(e.$slots, `item-${a.value}`, { item: t }, () => [
-                            C(N(L(t, a.value)), 1)
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["text-align", "truncate", "width", "dense", "fixed"]))), 128))
-                    ]),
-                    _: 2
-                  }, 1032, ["pointer", "striped", "onClick"]),
-                  e.expandable ? (n(), i("tr", x, [
-                    f("td", ee, [
-                      f("div", {
-                        class: p(["overflow-hidden transition-opacity", [(s = g.value[o]) != null && s.__expanded ? "" : "opacity-0 max-h-0"]])
-                      }, [
-                        d(e.$slots, "expanded-row", { item: t })
-                      ], 2)
+        p(P, null, {
+          default: d(() => [
+            e.expandable ? (n(), m(N, {
+              key: 0,
+              width: "48",
+              class: "!p-0",
+              "sticky-header": e.stickyHeader
+            }, null, 8, ["sticky-header"])) : $("", !0),
+            (n(!0), a(y, null, g(e.headers, (t, l) => (n(), m(N, {
+              key: l,
+              "sticky-header": e.stickyHeader,
+              "text-align": t.align,
+              sort: H(t.value, e.sort),
+              sortable: t.sortable,
+              width: t.width,
+              onClick: (s) => t.sortable ? V(t) : null
+            }, {
+              default: d(() => [
+                i(e.$slots, `header-${t.value}`, { header: t }, () => [
+                  _(C(t.text), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["sticky-header", "text-align", "sort", "sortable", "width", "onClick"]))), 128))
+          ]),
+          _: 3
+        }),
+        p(u(W), null, {
+          default: d(() => [
+            e.loading ? (n(!0), a(y, { key: 0 }, g(Number(e.loadingLines), (t, l) => (n(), m(S, {
+              key: l,
+              striped: e.striped
+            }, {
+              default: d(() => [
+                (n(!0), a(y, null, g(e.headers, (s, r) => (n(), m(w, {
+                  key: r,
+                  "text-align": s.align,
+                  width: s.width,
+                  dense: e.dense,
+                  fixed: e.fixed
+                }, {
+                  default: d(() => [
+                    i(e.$slots, `loading-${s.value}`, { item: t }, () => [
+                      p(G, {
+                        class: c(["max-w-[60%]", {
+                          "mx-auto": s.align === "center",
+                          "ml-auto": s.align === "right"
+                        }]),
+                        shape: s.skeletonShape || "line"
+                      }, null, 8, ["shape", "class"])
                     ])
-                  ])) : b("", !0)
-                ], 64);
-              }), 128))
-            ]),
-            _: 3
-          }),
-          e.loading ? (n(), i("div", {
-            key: 0,
-            class: p(c(w).loadingWrapper)
-          }, [
-            m(K, { size: "lg" })
-          ], 2)) : b("", !0)
-        ], 6)
-      ], 2);
-    };
+                  ]),
+                  _: 2
+                }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["striped"]))), 128)) : e.error ? (n(), a("tr", Q, [
+              f("td", {
+                colspan: e.headers.length
+              }, [
+                i(e.$slots, "error")
+              ], 8, R)
+            ])) : !h.items || h.items.length === 0 ? (n(), a("tr", U, [
+              f("td", {
+                colspan: e.headers.length
+              }, [
+                i(e.$slots, "empty")
+              ], 8, Y)
+            ])) : (n(!0), a(y, { key: 3 }, g(h.items, (t, l) => {
+              var s;
+              return n(), a(y, { key: l }, [
+                p(S, {
+                  pointer: e.pointer,
+                  striped: e.striped,
+                  onClick: (r) => e.$emit("click-row", t)
+                }, {
+                  default: d(() => [
+                    e.expandable ? (n(), m(w, {
+                      key: 0,
+                      width: "48",
+                      class: "!p-1"
+                    }, {
+                      default: d(() => {
+                        var r;
+                        return [
+                          f("button", {
+                            class: "p-4",
+                            onClick: (B) => k.value[l].__expanded = !k.value[l].__expanded
+                          }, [
+                            p(K, {
+                              icon: u(M),
+                              size: e.dense ? "xs" : "md",
+                              class: c(["transition-transform", {
+                                "rotate-180": (r = k.value[l]) == null ? void 0 : r.__expanded
+                              }])
+                            }, null, 8, ["icon", "size", "class"])
+                          ], 8, Z)
+                        ];
+                      }),
+                      _: 2
+                    }, 1024)) : $("", !0),
+                    (n(!0), a(y, null, g(e.headers, (r, B) => (n(), m(w, {
+                      key: B,
+                      "text-align": r.align,
+                      truncate: r.truncate,
+                      width: r.width,
+                      dense: e.dense,
+                      fixed: e.fixed
+                    }, {
+                      default: d(() => [
+                        i(e.$slots, `item-${r.value}`, { item: t }, () => [
+                          _(C(I(t, r.value)), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["text-align", "truncate", "width", "dense", "fixed"]))), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["pointer", "striped", "onClick"]),
+                e.expandable ? (n(), a("tr", j, [
+                  f("td", x, [
+                    f("div", {
+                      class: c(["overflow-hidden transition-opacity", [(s = k.value[l]) != null && s.__expanded ? "" : "opacity-0 max-h-0"]])
+                    }, [
+                      i(e.$slots, "expanded-row", { item: t })
+                    ], 2)
+                  ])
+                ])) : $("", !0)
+              ], 64);
+            }), 128))
+          ]),
+          _: 3
+        }),
+        e.loading ? (n(), a("div", {
+          key: 0,
+          class: c(u(b).loadingWrapper)
+        }, [
+          p(q, { size: "lg" })
+        ], 2)) : $("", !0)
+      ], 6)
+    ], 2));
   }
 });
 export {
-  fe as default
+  pe as default
 };

package/lib/components/table/theme/Table.base.theme.js

@@ -5,9 +5,9 @@ const a = {
       const e = ["w-full relative"];
       return l.scrollable && e.push("overflow-x-scroll sm:overflow-x-auto whitespace-wrap sm:whitespace-normal"), l.stickyHeader && e.push("relative"), l.fixed && e.push("md:table-fixed"), e;
     },
-    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-30"
+    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-secondary-300 dark:bg-secondary-600 rounded opacity-30"
   }
-}, t = a;
+}, s = a;
 export {
-  t as default
+  s as default
 };

package/lib/components/table/theme/Table.carbon.theme.js

@@ -1,13 +1,13 @@
-const t = {
+const a = {
   classes: {
-    wrapper: "w-full h-full shadow-sm overflow-x-auto text-sm bg-white dark:bg-gray-800",
-    table: ({ props: a }) => {
+    wrapper: "w-full h-full shadow-sm overflow-x-auto text-sm bg-white dark:bg-secondary-800",
+    table: ({ props: s }) => {
       const e = ["w-full relative"];
-      return a.scrollable && e.push("overflow-x-scroll sm:overflow-x-auto whitespace-wrap sm:whitespace-normal"), a.stickyHeader && e.push("relative"), a.fixed && e.push("md:table-fixed"), e;
+      return s.scrollable && e.push("overflow-x-scroll sm:overflow-x-auto whitespace-wrap sm:whitespace-normal"), s.stickyHeader && e.push("relative"), s.fixed && e.push("md:table-fixed"), e;
     },
-    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 dark:bg-gray-600 rounded opacity-30"
+    loadingWrapper: "absolute inset-0 flex items-center justify-center z-40 bg-secondary-300 dark:bg-secondary-600 rounded opacity-30"
   }
-}, l = t;
+}, t = a;
 export {
-  l as default
+  t as default
 };

package/lib/components/table/theme/TableHead.base.theme.js

@@ -1,7 +1,7 @@
 const t = {
   classes: {
     thead: "align-bottom",
-    row: "text-sm text-gray-600 dark:text-gray-400 border-b"
+    row: "text-sm text-secondary-600 dark:text-secondary-400 border-b"
   }
 }, e = t;
 export {

package/lib/components/table/theme/TableHead.carbon.theme.js

@@ -1,7 +1,7 @@
 const t = {
   classes: {
     thead: "align-bottom",
-    row: "text-gray-900 dark:text-gray-50"
+    row: "text-secondary-900 dark:text-secondary-50"
   }
 }, e = t;
 export {

package/lib/components/table/theme/TableHeader.base.theme.js

@@ -2,7 +2,7 @@ const s = {
   classes: {
     th: ({ props: e }) => {
       const t = ["relative py-2 font-semibold tracking-widest uppercase text-xs px-3"];
-      return e.sortable && t.push("cursor-pointer hover:text-gray-800 dark:hover:text-gray-300 transition-colors duration-150 ease-in-out"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
+      return e.sortable && t.push("cursor-pointer hover:text-secondary-800 dark:hover:text-secondary-300 transition-colors duration-150 ease-in-out"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
     },
     sortIcon: ({ props: e }) => ["absolute stroke-2 w-3 h-3 top-2.5 right-0.5"]
   }

package/lib/components/table/theme/TableHeader.carbon.theme.js

@@ -1,8 +1,8 @@
 const s = {
   classes: {
     th: ({ props: e }) => {
-      const t = ["relative py-3.5 font-semibold text-sm px-3 bg-gray-200 dark:bg-gray-700 select-none"];
-      return e.sortable && t.push("cursor-pointer hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors duration-150 ease-in-out pr-5"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
+      const t = ["relative py-3.5 font-semibold text-sm px-3 bg-secondary-200 dark:bg-secondary-700 select-none"];
+      return e.sortable && t.push("cursor-pointer hover:bg-secondary-300 dark:hover:bg-secondary-600 transition-colors duration-150 ease-in-out pr-5"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
     },
     sortIcon: ({ props: e }) => ["absolute stroke-2 w-4 h-4 top-4 right-2"]
   }

package/lib/components/table/theme/TableRow.base.theme.js

@@ -1,8 +1,8 @@
 const s = {
   classes: {
-    row: ({ props: e }) => {
-      const r = [];
-      return e.striped ? r.push("odd:bg-gray-50 dark:odd:bg-gray-800") : r.push("border-b border-gray-200 dark:border-gray-700"), e.pointer && r.push("hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer"), r;
+    row: ({ props: r }) => {
+      const e = [];
+      return r.striped ? e.push("odd:bg-secondary-50 dark:odd:bg-secondary-800") : e.push("border-b border-secondary-200 dark:border-secondary-700"), r.pointer && e.push("hover:bg-secondary-50 dark:hover:bg-secondary-700 cursor-pointer"), e;
     }
   }
 }, o = s;

package/lib/components/table/theme/TableRow.carbon.theme.js

@@ -1,8 +1,8 @@
 const s = {
   classes: {
-    row: ({ props: e }) => {
-      const r = [];
-      return e.striped ? r.push("odd:bg-gray-50 dark:odd:bg-gray-800") : r.push("border-b border-gray-200 dark:border-gray-700"), e.pointer && r.push("hover:bg-gray-50 dark:hover:bg-gray-600 cursor-pointer"), r;
+    row: ({ props: r }) => {
+      const e = [];
+      return r.striped ? e.push("odd:bg-secondary-50 dark:odd:bg-secondary-800") : e.push("border-b border-secondary-200 dark:border-secondary-700"), r.pointer && e.push("hover:bg-secondary-50 dark:hover:bg-secondary-600 cursor-pointer"), e;
     }
   }
 }, o = s;

package/lib/components/tag/Tag.vue.js

@@ -27,12 +27,12 @@ const $ = {
   props: h,
   emits: ["remove"],
   setup(n) {
-    const o = n, i = f(() => o.size === "xs" ? "xs" : o.size === "sm" ? "sm" : o.size === "lg" ? "md" : o.size === "xl" ? "lg" : "sm"), { styles: m, classes: d, className: u } = B("Tag", {}, o);
+    const o = n, i = f(() => o.size === "xs" ? "xs" : o.size === "sm" ? "sm" : o.size === "lg" ? "md" : o.size === "xl" ? "lg" : "sm"), { styles: m, classes: d, className: c } = B("Tag", {}, o);
     return (e, t) => (s(), g(v(e.tag), {
       class: k([
         "text-[color:var(--x-tag-text)] dark:text-[color:var(--x-tag-dark-text)] border-[color:var(--x-tag-border)] dark:border-[color:var(--x-tag-dark-border)]",
         [
-          r(u),
+          r(c),
           r(d).wrapper,
           e.outlined ? "border" : "bg-[color:var(--x-tag-bg)] dark:bg-[color:var(--x-tag-dark-bg)]",
           e.rounded ? "rounded-full" : "rounded"
@@ -46,8 +46,8 @@ const $ = {
           z(_, {
             size: i.value,
             icon: r(S),
-            class: "ml-1.5 cursor-pointer hover:text-gray-700 transition-colors duration-150",
-            onClick: t[0] || (t[0] = (c) => e.$emit("remove", c))
+            class: "ml-1.5 cursor-pointer hover:text-secondary-700 transition-colors duration-150",
+            onClick: t[0] || (t[0] = (u) => e.$emit("remove", u))
           }, null, 8, ["size", "icon"])
         ])) : a(e.$slots, "default", { key: 1 })
       ]),

package/lib/components/textarea/Textarea.vue.d.ts

@@ -17,6 +17,7 @@ declare const textareaProps: {
     adjustToText: BooleanConstructor;
     preventEnter: BooleanConstructor;
     block: BooleanConstructor;
+    resizable: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
     id: StringConstructor;
     name: StringConstructor;
@@ -34,6 +35,7 @@ declare const textareaProps: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -71,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     adjustToText: BooleanConstructor;
     preventEnter: BooleanConstructor;
     block: BooleanConstructor;
+    resizable: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
     id: StringConstructor;
     name: StringConstructor;
@@ -88,6 +91,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -123,6 +127,7 @@ declare const _default: import("vue").DefineComponent<{
     adjustToText: BooleanConstructor;
     preventEnter: BooleanConstructor;
     block: BooleanConstructor;
+    resizable: BooleanConstructor;
     modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
     id: StringConstructor;
     name: StringConstructor;
@@ -140,6 +145,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: ArrayConstructor;
         readonly default: () => never[];
     };
+    tooltip: StringConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -169,5 +175,6 @@ declare const _default: import("vue").DefineComponent<{
     rows: string | number;
     adjustToText: boolean;
     preventEnter: boolean;
+    resizable: boolean;
 }, {}>;
 export default _default;