@ac-design/design-system 2.2.0 → 2.3.0

package/dist/lib/components/AcTable.vue_vue_type_script_setup_true_lang.js

@@ -1,18 +1,18 @@
 import e from "./AcCellValue.js";
 import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useId as ee, useModel as y, withModifiers as b } from "vue";
-import { Check as x, ChevronDown as S, ChevronRight as C, ChevronUp as w, Minus as te } from "@lucide/vue";
+import { Check as x, ChevronDown as te, ChevronRight as ne, ChevronUp as re, Minus as S } from "@lucide/vue";
 //#region src/lib/components/AcTable.vue?vue&type=script&setup=true&lang.ts
-var ne = { class: "ac-scrollbar" }, re = { class: "w-full border-separate border-spacing-0 text-base" }, ie = { class: "relative flex size-[18px]" }, ae = [
+var C = { class: "ac-scrollbar" }, w = { class: "w-full border-separate border-spacing-0 text-base" }, T = { class: "relative flex size-[18px]" }, E = [
 	"checked",
 	"indeterminate",
 	"disabled"
-], oe = ["aria-sort", "onClick"], se = { class: "inline-flex items-center gap-2" }, ce = {
+], ie = ["aria-sort", "onClick"], ae = { class: "inline-flex items-center gap-2" }, oe = {
 	key: 0,
 	class: "h-11 border-b border-border pl-4 [tr:last-child_&]:border-0"
-}, T = {
+}, se = {
 	key: 1,
 	class: "h-11 border-b border-border pl-4 [tr:last-child_&]:border-0"
-}, E = [
+}, ce = [
 	"aria-current",
 	"aria-disabled",
 	"onClick"
@@ -21,19 +21,19 @@ var ne = { class: "ac-scrollbar" }, re = { class: "w-full border-separate border
 	"aria-controls",
 	"aria-label",
 	"onClick"
-], ue = { class: "relative flex size-[18px]" }, D = [
+], ue = { class: "relative flex size-[18px]" }, de = [
 	"checked",
 	"disabled",
 	"aria-label",
 	"onChange"
-], O = {
+], fe = {
 	key: 0,
 	class: "group",
 	"data-testid": "ac-table-detail"
-}, k = ["colspan"], de = ["id", "aria-label"], fe = {
+}, pe = ["colspan"], me = ["id", "aria-label"], he = {
 	key: 0,
 	class: "px-6 py-12 text-center text-muted"
-}, A = "border-border", j = "peer size-[18px] cursor-pointer appearance-none rounded-4 border border-muted/70 bg-background align-middle transition-colors duration-150 hover:border-primary/60 checked:border-primary checked:bg-primary indeterminate:border-primary indeterminate:bg-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", M = /*@__PURE__*/ l({
+}, D = "border-border", O = "peer size-[18px] cursor-pointer appearance-none rounded-4 border border-muted/70 bg-background align-middle transition-colors duration-150 hover:border-primary/60 checked:border-primary checked:bg-primary indeterminate:border-primary indeterminate:bg-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", k = /*@__PURE__*/ l({
 	__name: "AcTable",
 	props: /*@__PURE__*/ u({
 		columns: {},
@@ -69,6 +69,14 @@ var ne = { class: "ac-scrollbar" }, re = { class: "w-full border-separate border
 			type: Function,
 			default: void 0
 		},
+		rowSelectable: {
+			type: Function,
+			default: void 0
+		},
+		rowClass: {
+			type: Function,
+			default: void 0
+		},
 		manualSort: {
 			type: Boolean,
 			default: !1
@@ -77,6 +85,10 @@ var ne = { class: "ac-scrollbar" }, re = { class: "w-full border-separate border
 			type: Boolean,
 			default: !1
 		},
+		expandedBare: {
+			type: Boolean,
+			default: !1
+		},
 		resolveLink: {
 			type: Function,
 			default: void 0
@@ -95,70 +107,70 @@ var ne = { class: "ac-scrollbar" }, re = { class: "w-full border-separate border
 		"update:sortBy"
 	]),
 	setup(l, { emit: u }) {
-		let M = l, N = y(l, "selected"), P = y(l, "expanded"), F = u, I = ee(), L = y(l, "sortBy"), R = n(() => L.value?.key ?? ""), z = n(() => L.value?.mode ?? "asc"), B = (e) => {
+		let k = l, A = y(l, "selected"), j = y(l, "expanded"), M = u, N = ee(), P = y(l, "sortBy"), F = n(() => P.value?.key ?? ""), I = n(() => P.value?.mode ?? "asc"), L = (e) => {
 			if (!e.sortable) return;
-			let t = R.value === e.key && z.value === "asc" ? "desc" : "asc";
-			L.value = {
+			let t = F.value === e.key && I.value === "asc" ? "desc" : "asc";
+			P.value = {
 				key: e.key,
 				mode: t
-			}, F("sort", e.key, t);
-		}, pe = n(() => {
-			if (!R.value || M.manualSort) return M.rows;
-			let e = R.value, t = z.value === "asc" ? 1 : -1;
-			return [...M.rows].sort((n, r) => String(H(n[e]) ?? "").localeCompare(String(H(r[e]) ?? ""), void 0, { numeric: !0 }) * t);
+			}, M("sort", e.key, t);
+		}, ge = n(() => {
+			if (!F.value || k.manualSort) return k.rows;
+			let e = F.value, t = I.value === "asc" ? 1 : -1;
+			return [...k.rows].sort((n, r) => String(z(n[e]) ?? "").localeCompare(String(z(r[e]) ?? ""), void 0, { numeric: !0 }) * t);
 		});
-		function V(e) {
+		function R(e) {
 			return typeof e == "object" && !!e && !Array.isArray(e) && "data" in e;
 		}
-		function H(e) {
-			return V(e) ? e.sort ?? e.data : e;
+		function z(e) {
+			return R(e) ? e.sort ?? e.data : e;
 		}
-		let U = (e) => !!M.rowDisabled?.(e), W = n(() => M.rows.filter((e) => !U(e)).map((e) => e[M.rowKey])), G = n(() => new Set(N.value)), K = n(() => W.value.length > 0 && W.value.every((e) => G.value.has(e))), q = n(() => !K.value && W.value.some((e) => G.value.has(e)));
-		function me() {
-			let e = new Set(W.value);
-			N.value = K.value ? N.value.filter((t) => !e.has(t)) : [...N.value, ...W.value.filter((e) => !G.value.has(e))];
+		let B = (e) => !!k.rowDisabled?.(e), V = (e) => !B(e) && (!k.rowSelectable || k.rowSelectable(e)), H = n(() => k.rows.filter(V).map((e) => e[k.rowKey])), U = n(() => new Set(A.value)), W = n(() => H.value.length > 0 && H.value.every((e) => U.value.has(e))), G = n(() => !W.value && H.value.some((e) => U.value.has(e)));
+		function _e() {
+			let e = new Set(H.value);
+			A.value = W.value ? A.value.filter((t) => !e.has(t)) : [...A.value, ...H.value.filter((e) => !U.value.has(e))];
 		}
-		function he(e) {
-			let t = e[M.rowKey];
-			N.value = G.value.has(t) ? N.value.filter((e) => e !== t) : [...N.value, t];
+		function ve(e) {
+			let t = e[k.rowKey];
+			A.value = U.value.has(t) ? A.value.filter((e) => e !== t) : [...A.value, t];
 		}
-		let J = n(() => new Set(P.value)), Y = (e) => M.expandable && J.value.has(e[M.rowKey]), X = (e) => !M.canExpand || M.canExpand(e), Z = (e) => `${I}-detail-${String(e[M.rowKey])}`, ge = n(() => M.columns.length + +!!M.selectable + +!!M.expandable);
-		function _e(e) {
-			let t = e[M.rowKey];
-			P.value = J.value.has(t) ? P.value.filter((e) => e !== t) : [...P.value, t];
+		let K = n(() => new Set(j.value)), q = (e) => k.expandable && K.value.has(e[k.rowKey]), J = (e) => !k.canExpand || k.canExpand(e), Y = (e) => `${N}-detail-${String(e[k.rowKey])}`, ye = n(() => k.columns.length + +!!k.selectable + +!!k.expandable);
+		function X(e) {
+			let t = e[k.rowKey];
+			j.value = K.value.has(t) ? j.value.filter((e) => e !== t) : [...j.value, t];
 		}
-		function Q(e) {
-			let t = e[M.columns[0]?.key ?? ""], n = V(t) ? t.data : t;
-			return typeof n == "string" || typeof n == "number" ? n : String(e[M.rowKey]);
+		function Z(e) {
+			let t = e[k.columns[0]?.key ?? ""], n = R(t) ? t.data : t;
+			return typeof n == "string" || typeof n == "number" ? n : String(e[k.rowKey]);
 		}
-		let $ = (e) => ({
+		let Q = (e) => ({
 			left: "text-left",
 			center: "text-center",
 			right: "text-right"
-		})[e.align ?? "left"];
+		})[e.align ?? "left"], $ = (e) => e.compact ? "px-2" : "px-6";
 		return (n, u) => (p(), a("div", {
 			class: d(["w-full overflow-hidden bg-surface", !l.flat && "rounded-10 border border-border"]),
 			"data-ac-ds": "",
 			"data-testid": "ac-table"
-		}, [o("div", ne, [o("table", re, [o("thead", null, [o("tr", null, [
+		}, [o("div", C, [o("table", w, [o("thead", null, [o("tr", null, [
 			l.expandable ? (p(), a("th", {
 				key: 0,
 				scope: "col",
-				class: d(["h-11 w-10 border-b bg-surface-sunken/50 pr-0 pl-4", [A, !l.flat && "first:rounded-tl-10"]])
+				class: d(["h-11 w-10 border-b bg-surface-sunken/50 pr-0 pl-4", [D, !l.flat && "first:rounded-tl-10"]])
 			}, [...u[2] ||= [o("span", { class: "sr-only" }, "Expand", -1)]], 2)) : i("", !0),
 			l.selectable ? (p(), a("th", {
 				key: 1,
 				scope: "col",
-				class: d(["h-11 w-10 border-b bg-surface-sunken/50 pr-1 pl-4", [A, !l.flat && "first:rounded-tl-10"]])
-			}, [o("span", ie, [o("input", {
+				class: d(["h-11 w-10 border-b bg-surface-sunken/50 pr-1 pl-4", [D, !l.flat && "first:rounded-tl-10"]])
+			}, [o("span", T, [o("input", {
 				type: "checkbox",
-				class: d(j),
-				checked: K.value,
-				indeterminate: q.value,
-				disabled: l.loading || !l.rows.length,
+				class: d(O),
+				checked: W.value,
+				indeterminate: G.value,
+				disabled: l.loading || !H.value.length,
 				"aria-label": "Select all rows",
-				onChange: me
-			}, null, 40, ae), (p(), r(g(q.value ? v(te) : v(x)), {
+				onChange: _e
+			}, null, 40, E), (p(), r(g(G.value ? v(S) : v(x)), {
 				class: "pointer-events-none absolute inset-0 m-auto size-3.5 text-white opacity-0 peer-checked:opacity-100 peer-indeterminate:opacity-100",
 				"stroke-width": 3,
 				"aria-hidden": "true"
@@ -166,57 +178,60 @@ var ne = { class: "ac-scrollbar" }, re = { class: "w-full border-separate border
 			(p(!0), a(t, null, m(l.columns, (e) => (p(), a("th", {
 				key: e.key,
 				scope: "col",
-				class: d(["h-11 border-b bg-surface-sunken/50 px-6 text-base font-semibold whitespace-nowrap text-muted", [
-					A,
+				class: d(["h-11 border-b bg-surface-sunken/50 text-base font-semibold whitespace-nowrap text-muted", [
+					D,
 					!l.flat && "first:rounded-tl-10 last:rounded-tr-10",
 					$(e),
+					Q(e),
+					e.class,
 					e.sortable && "cursor-pointer select-none transition-colors hover:text-heading"
 				]]),
 				style: f(e.width ? { width: e.width } : void 0),
-				"aria-sort": R.value === e.key ? z.value === "asc" ? "ascending" : "descending" : void 0,
-				onClick: (t) => B(e)
-			}, [o("span", se, [h(n.$slots, `header-${e.key}`, { column: e }, () => [s(_(e.label), 1)]), e.sortable ? (p(), r(g(R.value === e.key && z.value === "asc" ? v(w) : v(S)), {
+				"aria-sort": F.value === e.key ? I.value === "asc" ? "ascending" : "descending" : void 0,
+				onClick: (t) => L(e)
+			}, [o("span", ae, [h(n.$slots, `header-${e.key}`, { column: e }, () => [s(_(e.label), 1)]), e.sortable ? (p(), r(g(F.value === e.key && I.value === "asc" ? v(re) : v(te)), {
 				key: 0,
-				class: d(["size-4 shrink-0", R.value === e.key ? "text-primary-strong" : "text-muted"]),
+				class: d(["size-4 shrink-0", F.value === e.key ? "text-primary-strong" : "text-muted"]),
 				"aria-hidden": "true"
-			}, null, 8, ["class"])) : i("", !0)])], 14, oe))), 128))
+			}, null, 8, ["class"])) : i("", !0)])], 14, ie))), 128))
 		])]), o("tbody", null, [l.loading ? (p(!0), a(t, { key: 0 }, m(l.loaderRows, (e) => (p(), a("tr", { key: `loader-${e}` }, [
-			l.expandable ? (p(), a("td", ce)) : i("", !0),
-			l.selectable ? (p(), a("td", T)) : i("", !0),
+			l.expandable ? (p(), a("td", oe)) : i("", !0),
+			l.selectable ? (p(), a("td", se)) : i("", !0),
 			(p(!0), a(t, null, m(l.columns, (t, n) => (p(), a("td", {
 				key: t.key,
-				class: "h-11 border-b border-border px-6 [tr:last-child_&]:border-0"
+				class: d(["h-11 border-b border-border [tr:last-child_&]:border-0", [$(t), t.class]])
 			}, [o("span", {
 				class: "block h-2.5 animate-pulse rounded-full bg-surface-sunken",
 				style: f({ width: `${50 + (e * 17 + n * 23) % 40}%` })
-			}, null, 4)]))), 128))
-		]))), 128)) : (p(!0), a(t, { key: 1 }, m(pe.value, (f, g) => (p(), a(t, { key: String(f[l.rowKey] ?? g) }, [o("tr", {
+			}, null, 4)], 2))), 128))
+		]))), 128)) : (p(!0), a(t, { key: 1 }, m(ge.value, (f, g) => (p(), a(t, { key: String(f[l.rowKey] ?? g) }, [o("tr", {
 			"data-testid": "ac-table-row",
 			class: d(["group transition-colors duration-150", [
 				l.clickable && "cursor-pointer hover:bg-surface-sunken/40",
-				(l.rowActive?.(f) || l.selectable && G.value.has(f[l.rowKey])) && "bg-primary/5",
+				(l.rowActive?.(f) || l.selectable && U.value.has(f[l.rowKey])) && "bg-primary/5",
 				l.rowActive?.(f) && "shadow-[inset_0_0_0_1px_var(--color-primary)]",
-				U(f) && "pointer-events-none cursor-not-allowed opacity-50"
+				B(f) && "pointer-events-none cursor-not-allowed opacity-50",
+				l.rowClass?.(f)
 			]]),
 			"aria-current": l.rowActive?.(f) ? "true" : void 0,
-			"aria-disabled": U(f) || void 0,
-			onClick: (e) => l.clickable && !U(f) && F("row-click", f)
+			"aria-disabled": B(f) || void 0,
+			onClick: (e) => l.clickable && !B(f) && M("row-click", f)
 		}, [
 			l.expandable ? (p(), a("td", {
 				key: 0,
 				class: "h-11 w-10 border-b border-border pr-0 pl-4 group-last:border-0",
 				onClick: u[0] ||= b(() => {}, ["stop"])
-			}, [X(f) ? (p(), a("button", {
+			}, [J(f) ? (p(), a("button", {
 				key: 0,
 				type: "button",
 				class: "inline-flex size-7 cursor-pointer items-center justify-center rounded-8 text-muted transition-colors hover:bg-surface-sunken hover:text-heading focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
-				"aria-expanded": Y(f),
-				"aria-controls": Z(f),
-				"aria-label": `${Y(f) ? "Collapse" : "Expand"} ${Q(f)}`,
+				"aria-expanded": q(f),
+				"aria-controls": Y(f),
+				"aria-label": `${q(f) ? "Collapse" : "Expand"} ${Z(f)}`,
 				"data-testid": "ac-table-expand",
-				onClick: (e) => _e(f)
-			}, [c(v(C), {
-				class: d(["size-4 transition-transform duration-150 motion-reduce:transition-none", Y(f) && "rotate-90"]),
+				onClick: (e) => X(f)
+			}, [c(v(ne), {
+				class: d(["size-4 transition-transform duration-150 motion-reduce:transition-none", q(f) && "rotate-90"]),
 				"aria-hidden": "true"
 			}, null, 8, ["class"])], 8, le)) : i("", !0)])) : i("", !0),
 			l.selectable ? (p(), a("td", {
@@ -225,26 +240,31 @@ var ne = { class: "ac-scrollbar" }, re = { class: "w-full border-separate border
 				onClick: u[1] ||= b(() => {}, ["stop"])
 			}, [o("span", ue, [o("input", {
 				type: "checkbox",
-				class: d(j),
-				checked: G.value.has(f[l.rowKey]),
-				disabled: U(f),
-				"aria-label": `Select ${Q(f)}`,
-				onChange: (e) => he(f)
-			}, null, 40, D), c(v(x), {
+				class: d(O),
+				checked: U.value.has(f[l.rowKey]),
+				disabled: !V(f),
+				"aria-label": `Select ${Z(f)}`,
+				onChange: (e) => ve(f)
+			}, null, 40, de), c(v(x), {
 				class: "pointer-events-none absolute inset-0 m-auto size-3.5 text-white opacity-0 peer-checked:opacity-100",
 				"stroke-width": 3,
 				"aria-hidden": "true"
 			})])])) : i("", !0),
 			(p(!0), a(t, null, m(l.columns, (i) => (p(), a("td", {
 				key: i.key,
-				class: d(["h-11 border-b border-border px-6 whitespace-nowrap text-body tabular-nums group-last:border-0", $(i)])
+				class: d(["h-11 border-b border-border text-body tabular-nums group-last:border-0", [
+					$(i),
+					i.wrap ? "whitespace-normal" : "whitespace-nowrap",
+					Q(i),
+					i.class
+				]])
 			}, [h(n.$slots, `cell-${i.key}`, {
 				row: f,
 				value: f[i.key]
 			}, () => [i.type || i.descriptor ? (p(), r(e, {
 				key: 0,
-				value: V(f[i.key]) ? void 0 : f[i.key],
-				cell: V(f[i.key]) ? f[i.key] : void 0,
+				value: R(f[i.key]) ? void 0 : f[i.key],
+				cell: R(f[i.key]) ? f[i.key] : void 0,
 				column: i.descriptor,
 				type: i.type,
 				title: i.label,
@@ -257,16 +277,16 @@ var ne = { class: "ac-scrollbar" }, re = { class: "w-full border-separate border
 				"title",
 				"resolve-link"
 			])) : (p(), a(t, { key: 1 }, [s(_(f[i.key]), 1)], 64))])], 2))), 128))
-		], 10, E), Y(f) && X(f) ? (p(), a("tr", O, [o("td", {
-			colspan: ge.value,
-			class: "border-b border-border bg-surface-muted p-0 group-last:border-0"
+		], 10, ce), q(f) && J(f) ? (p(), a("tr", fe, [o("td", {
+			colspan: ye.value,
+			class: d(["border-b border-border p-0 group-last:border-0", !l.expandedBare && "bg-surface-muted"])
 		}, [o("div", {
-			id: Z(f),
+			id: Y(f),
 			role: "region",
-			"aria-label": `Details for ${Q(f)}`,
-			class: "px-6 py-4 text-body"
-		}, [h(n.$slots, "expanded", { row: f })], 8, de)], 8, k)])) : i("", !0)], 64))), 128))])])]), !l.loading && !l.rows.length ? (p(), a("div", fe, [h(n.$slots, "empty", {}, () => [s(_(l.emptyText), 1)])])) : i("", !0)], 2));
+			"aria-label": `Details for ${Z(f)}`,
+			class: d(["text-body", !l.expandedBare && "px-6 py-4"])
+		}, [h(n.$slots, "expanded", { row: f })], 10, me)], 10, pe)])) : i("", !0)], 64))), 128))])])]), !l.loading && !l.rows.length ? (p(), a("div", he, [h(n.$slots, "empty", {}, () => [s(_(l.emptyText), 1)])])) : i("", !0)], 2));
 	}
 });
 //#endregion
-export { M as default };
+export { k as default };

package/dist/lib/components/AcTagInput.vue.d.ts

@@ -59,9 +59,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     transform: (value: string) => string;
     size: "small" | "normal";
+    hint: string;
     maxItems: number;
     readonly: boolean;
-    hint: string;
     validate: (value: string, values: string[]) => string | void | null | undefined;
     placeholder: string;
     errorMsg: string;

package/dist/lib/components/AcTextarea.vue.d.ts

@@ -1,6 +1,7 @@
+import type { HTMLAttributes } from "vue";
 export interface Props {
-    /** Label above the field. Pass `placeholder` for an example value inside it. */
-    label: string;
+    /** Label above the field. Pass `placeholder` for an example value inside it. Without a label, pass `aria-label`; the placeholder is the accessible name otherwise. */
+    label?: string;
     /** Native `name` attribute. */
     name?: string;
     /** Visible height in lines. Unset, the field is 160px tall (about 6 lines). With `autoResize` it's the starting (minimum) height. */
@@ -15,21 +16,35 @@ export interface Props {
     mono?: boolean;
     /** Marks the field required and adds a red asterisk. */
     required?: boolean;
+    /** Adds the red asterisk without native `required`, for forms that run their own validation on submit. */
+    requiredMark?: boolean;
     /** Disables the field. */
     disabled?: boolean;
     /** Read-only field: a muted fill, and "(read only)" after the label. */
     readonly?: boolean;
     /** Error text under the field. Turns the border and label red and sets `aria-invalid`. */
     errorMsg?: string;
+    /** Turns the border red and sets `aria-invalid` without a message, for forms that print their own. */
+    invalid?: boolean;
     /** Help text between the label and the field. */
     hint?: string;
+    /** Inner spacing: `xsmall` 12px × 6px, `small` 16px × 8px or `normal` 20px × 10px. Set the height with `rows` or `input-class`. */
+    size?: "xsmall" | "small" | "normal";
+    /** Classes for the `<textarea>` element itself, e.g. `h-30` for a fixed 120px height; they replace the 160px default height. `class` goes on the wrapper. */
+    inputClass?: HTMLAttributes["class"];
 }
 type __VLS_Props = Props;
+type __VLS_Slots = {
+    /** Content before the label text, such as a 14px icon. */
+    "label-icon"?: () => unknown;
+    /** Content after the label text, such as "(Optional)" or an info tooltip. */
+    "label-extra"?: () => unknown;
+};
 type __VLS_ModelProps = {
     modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     /** Moves focus to the textarea. */
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -38,16 +53,27 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     required: boolean;
+    label: string;
     disabled: boolean;
     name: string;
+    size: "xsmall" | "small" | "normal";
+    hint: string;
+    invalid: boolean;
     rows: number;
     readonly: boolean;
-    hint: string;
     errorMsg: string;
     mono: boolean;
     maxlength: number;
+    requiredMark: boolean;
+    inputClass: string | false | Record<string, any> | import("vue").ClassValue[] | null;
     autoResize: boolean;
     maxRows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};