@pgcorp/ui-kit 0.11.0 → 0.12.0

package/dist/src/components/shared/controls/SButton.vue_vue_type_script_setup_true_lang.js

@@ -1,29 +1,30 @@
 import { ChevronRight as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { resolveSemanticToneBinding as n } from "../../../internal/semanticTone.js";
-import r from "../data-display/SBadge.vue.js";
-import { PassiveContentBoundary as i, useInteractiveLeafRegistration as a } from "../../../internal/passiveContentContract.js";
-import { resolveLinkTarget as o } from "../../../internal/linkTarget.js";
-import { useTreeActionRegistration as s } from "../_internal/treeRuntime.js";
-import c from "../data-display/SProgressIndicator.vue.js";
-import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeProps as _, openBlock as v, ref as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useSlots as C, watchEffect as ee, withCtx as w } from "vue";
-import { RouterLink as T } from "vue-router";
+import { validateExactString as n } from "../../../internal/runtimeContract.js";
+import { resolveSemanticToneBinding as r } from "../../../internal/semanticTone.js";
+import i from "../data-display/SBadge.vue.js";
+import { PassiveContentBoundary as a, useInteractiveLeafRegistration as o } from "../../../internal/passiveContentContract.js";
+import { resolveLinkTarget as s } from "../../../internal/linkTarget.js";
+import { useTreeActionRegistration as c } from "../_internal/treeRuntime.js";
+import l from "../data-display/SProgressIndicator.vue.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, mergeProps as v, openBlock as y, ref as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, useSlots as ee, watchEffect as w, withCtx as T } from "vue";
+import { RouterLink as E } from "vue-router";
 //#region src/components/shared/controls/SButton.vue?vue&type=script&setup=true&lang.ts
-var E = {
+var D = {
 	key: 0,
 	class: "s-button__loader",
 	"aria-hidden": "true"
-}, D = { class: "s-button__content" }, O = ["data-expanded"], k = {
+}, O = { class: "s-button__content" }, k = ["data-expanded"], A = {
 	key: 2,
 	class: "s-button__label"
-}, A = {
+}, j = {
 	key: 4,
 	class: "s-button__badge-slot"
-}, j = {
+}, M = {
 	key: 5,
 	class: "s-button__shortcut",
 	"aria-hidden": "true"
-}, M = ["data-expanded"], N = /*@__PURE__*/ g({
+}, N = ["data-expanded"], P = /*@__PURE__*/ _({
 	inheritAttrs: !1,
 	__name: "SButton",
 	props: {
@@ -56,6 +57,7 @@ var E = {
 		contentAlign: { default: "center" },
 		appearance: { default: "solid" },
 		shape: { default: "default" },
+		labelOverflow: { default: "truncate" },
 		pressed: {
 			type: [Boolean, String],
 			default: () => void 0
@@ -72,8 +74,8 @@ var E = {
 		type: {}
 	},
 	emits: ["click"],
-	setup(g, { expose: N, emit: P }) {
-		let F = [
+	setup(_, { expose: P, emit: F }) {
+		let I = [
 			"primary",
 			"secondary",
 			"success",
@@ -81,43 +83,43 @@ var E = {
 			"warn",
 			"danger",
 			"contrast"
-		], I = P, L = C(), R = () => L.default?.() ?? [], z = y(null), B = t({
+		], L = F, R = ee(), z = () => R.default?.() ?? [], B = b(null), V = t({
 			component: "SButton",
 			owner: "native button"
-		}), V = l(() => n("SButton", "severity", g.severity, F)), H = s({
+		}), H = u(() => r("SButton", "severity", _.severity, I)), U = u(() => n("SButton", "labelOverflow", _.labelOverflow, ["truncate", "wrap"])), W = c({
 			owner: "SButton",
-			element: z,
-			disabled: () => g.disabled || g.loading
+			element: B,
+			disabled: () => _.disabled || _.loading
 		});
-		a({ owner: "SButton" });
-		let U = l(() => {
-			let e = g.href !== void 0, t = g.to !== void 0;
+		o({ owner: "SButton" });
+		let G = u(() => {
+			let e = _.href !== void 0, t = _.to !== void 0;
 			if (e && t) throw TypeError("SButton: передайте не более одного navigation target — href или to");
 			if (!e && !t) return null;
-			if (g.type !== void 0) throw TypeError("SButton: navigation target несовместим с native button type");
-			return o({
-				href: g.href,
-				to: g.to,
-				target: g.target,
-				rel: g.rel,
+			if (_.type !== void 0) throw TypeError("SButton: navigation target несовместим с native button type");
+			return s({
+				href: _.href,
+				to: _.to,
+				target: _.target,
+				rel: _.rel,
 				owner: "SButton"
 			});
-		}), W = l(() => g.disabled || g.loading), G = l(() => {
-			let e = U.value;
-			return !e || W.value ? e ? "a" : "button" : e.kind === "router" ? T : "a";
-		}), K = l(() => {
-			let e = B.bindings(), t = H ? {
+		}), K = u(() => _.disabled || _.loading), q = u(() => {
+			let e = G.value;
+			return !e || K.value ? e ? "a" : "button" : e.kind === "router" ? E : "a";
+		}), J = u(() => {
+			let e = V.bindings(), t = W ? {
 				...e,
 				tabindex: -1
-			} : e, n = g.disclosure ? {
+			} : e, n = _.disclosure ? {
 				...t,
-				"aria-expanded": g.disclosure.expanded,
-				"aria-controls": g.disclosure.controls
-			} : t, r = U.value, i = r === null ? {
+				"aria-expanded": _.disclosure.expanded,
+				"aria-controls": _.disclosure.controls
+			} : t, r = G.value, i = r === null ? {
 				...n,
-				disabled: g.disabled || g.loading || void 0,
-				type: g.type ?? "button"
-			} : W.value ? {
+				disabled: _.disabled || _.loading || void 0,
+				type: _.type ?? "button"
+			} : K.value ? {
 				...n,
 				"aria-disabled": !0,
 				tabindex: -1
@@ -125,119 +127,120 @@ var E = {
 				...n,
 				...r.bindings
 			};
-			if (!g.loading) return i;
+			if (!_.loading) return i;
 			let a = i["aria-label"], o = [
-				g.loadingLabel,
-				g.label,
+				_.loadingLabel,
+				_.label,
 				a
 			].find((e) => typeof e == "string" && e.trim().length > 0);
-			if (!o && !L.default) throw Error("SButton: loading action requires label, loadingLabel, or aria-label");
+			if (!o && !R.default) throw Error("SButton: loading action requires label, loadingLabel, or aria-label");
 			return o ? {
 				...i,
 				"aria-label": o
 			} : i;
-		}), q = {
+		}), Y = {
 			owner: "SButton",
 			region: "passive default content",
 			guidance: "Вынесите независимое действие в соседний SButton. / Move the independent action to a sibling SButton."
 		};
-		ee(() => {
-			let e = U.value;
-			if (e && g.pressed !== void 0) throw Error("SButton: navigation target несовместим с pressed toggle semantics");
-			if (e && g.disclosure !== void 0) throw Error("SButton: navigation target несовместим с disclosure trigger semantics");
-			if (g.disclosure && g.disclosure.controls.trim().length === 0) throw Error("SButton: disclosure.controls must be a non-empty id");
-			let t = g.disclosure?.iconPlacement ?? "trailing";
-			if (g.disclosure && (t === "leading" && g.leadingIcon || t === "trailing" && g.trailingIcon)) throw Error(`SButton: disclosure ${t} icon conflicts with the matching icon prop`);
+		w(() => {
+			let e = G.value;
+			if (e && _.pressed !== void 0) throw Error("SButton: navigation target несовместим с pressed toggle semantics");
+			if (e && _.disclosure !== void 0) throw Error("SButton: navigation target несовместим с disclosure trigger semantics");
+			if (_.disclosure && _.disclosure.controls.trim().length === 0) throw Error("SButton: disclosure.controls must be a non-empty id");
+			let t = _.disclosure?.iconPlacement ?? "trailing";
+			if (_.disclosure && (t === "leading" && _.leadingIcon || t === "trailing" && _.trailingIcon)) throw Error(`SButton: disclosure ${t} icon conflicts with the matching icon prop`);
 		});
-		let J = l(() => g.iconOnly || g.label === "" && !!(g.leadingIcon || g.trailingIcon || L.default)), Y = l(() => g.label === void 0 || g.label === "" && !g.leadingIcon && !g.trailingIcon), X = l(() => g.size === "lg" ? "sm" : "xs");
-		function Z(e) {
+		let X = u(() => _.iconOnly || _.label === "" && !!(_.leadingIcon || _.trailingIcon || R.default)), Z = u(() => _.label === void 0 || _.label === "" && !_.leadingIcon && !_.trailingIcon), Q = u(() => _.size === "lg" ? "sm" : "xs");
+		function te(e) {
 			if (e === null) {
-				z.value = null;
+				B.value = null;
 				return;
 			}
 			if (e instanceof HTMLButtonElement || e instanceof HTMLAnchorElement) {
-				z.value = e;
+				B.value = e;
 				return;
 			}
 			let t = Reflect.get(e, "$el");
 			if (!(t instanceof HTMLAnchorElement)) throw TypeError("SButton: RouterLink root must resolve to an HTMLAnchorElement");
-			z.value = t;
+			B.value = t;
 		}
-		function Q(e) {
-			if (U.value && W.value) {
+		function ne(e) {
+			if (G.value && K.value) {
 				e.preventDefault(), e.stopImmediatePropagation();
 				return;
 			}
-			I("click", e);
+			L("click", e);
 		}
 		let $ = () => {
-			let e = z.value;
+			let e = B.value;
 			if (!e) throw Error("SButton: interactive element is unavailable");
 			return e;
 		};
-		return N({
+		return P({
 			getElement: $,
 			focus: (e) => $().focus(e)
-		}), (t, n) => (v(), u(b(G.value), _({ ref: Z }, K.value, {
-			"data-s-tone": V.value["data-s-tone"],
+		}), (t, n) => (y(), d(x(q.value), v({ ref: te }, J.value, {
+			"data-s-tone": H.value["data-s-tone"],
 			class: "s-button",
-			"data-size": g.size,
-			"data-width": g.width,
-			"data-content-align": g.contentAlign,
-			"data-density": g.density,
-			"data-spacing": g.spacing,
-			"data-hover-surface": g.hoverSurface,
-			"data-icon-only": J.value,
-			"data-icon-size": g.iconSize,
-			"data-appearance": g.appearance,
-			"data-shape": g.shape,
-			"data-loading": g.loading || void 0,
-			"aria-pressed": g.pressed,
-			"aria-busy": g.busy || g.loading || void 0,
-			onClick: Q
+			"data-size": _.size,
+			"data-width": _.width,
+			"data-content-align": _.contentAlign,
+			"data-density": _.density,
+			"data-spacing": _.spacing,
+			"data-hover-surface": _.hoverSurface,
+			"data-icon-only": X.value,
+			"data-icon-size": _.iconSize,
+			"data-appearance": _.appearance,
+			"data-shape": _.shape,
+			"data-label-overflow": U.value,
+			"data-loading": _.loading || void 0,
+			"aria-pressed": _.pressed,
+			"aria-busy": _.busy || _.loading || void 0,
+			onClick: ne
 		}), {
-			default: w(() => [g.loading ? (v(), f("span", E, [h(c, {
+			default: T(() => [_.loading ? (y(), p("span", D, [g(l, {
 				accessibility: { mode: "decorative" },
-				size: X.value
-			}, null, 8, ["size"])])) : d("", !0), p("span", D, [
-				g.disclosure?.iconPlacement === "leading" ? (v(), f("span", {
+				size: Q.value
+			}, null, 8, ["size"])])) : f("", !0), m("span", O, [
+				_.disclosure?.iconPlacement === "leading" ? (y(), p("span", {
 					key: 0,
 					class: "s-button__disclosure-icon s-button__icon s-button__icon--leading",
-					"data-expanded": g.disclosure.expanded,
+					"data-expanded": _.disclosure.expanded,
 					"data-disclosure-icon": "",
 					"aria-hidden": "true"
-				}, [h(S(e))], 8, O)) : g.leadingIcon ? (v(), u(b(g.leadingIcon), {
+				}, [g(C(e))], 8, k)) : _.leadingIcon ? (y(), d(x(_.leadingIcon), {
 					key: 1,
 					class: "s-button__icon s-button__icon--leading",
 					"aria-hidden": "true"
-				})) : d("", !0),
-				g.label ? (v(), f("span", k, x(g.label), 1)) : d("", !0),
-				Y.value ? (v(), u(S(i), {
+				})) : f("", !0),
+				_.label ? (y(), p("span", A, S(_.label), 1)) : f("", !0),
+				Z.value ? (y(), d(C(a), {
 					key: 3,
-					contract: q
+					contract: Y
 				}, {
-					default: w(() => [(v(), u(b(R)))]),
+					default: T(() => [(y(), d(x(z)))]),
 					_: 1
-				})) : d("", !0),
-				g.badge === void 0 ? d("", !0) : (v(), f("span", A, [h(r, {
-					severity: g.badgeSeverity,
+				})) : f("", !0),
+				_.badge === void 0 ? f("", !0) : (y(), p("span", j, [g(i, {
+					severity: _.badgeSeverity,
 					size: "xs"
 				}, {
-					default: w(() => [m(x(g.badge), 1)]),
+					default: T(() => [h(S(_.badge), 1)]),
 					_: 1
 				}, 8, ["severity"])])),
-				g.shortcut ? (v(), f("span", j, x(g.shortcut), 1)) : d("", !0),
-				g.disclosure && g.disclosure.iconPlacement !== "leading" && g.disclosure.iconPlacement !== "none" ? (v(), f("span", {
+				_.shortcut ? (y(), p("span", M, S(_.shortcut), 1)) : f("", !0),
+				_.disclosure && _.disclosure.iconPlacement !== "leading" && _.disclosure.iconPlacement !== "none" ? (y(), p("span", {
 					key: 6,
 					class: "s-button__disclosure-icon s-button__icon s-button__icon--trailing",
-					"data-expanded": g.disclosure.expanded,
+					"data-expanded": _.disclosure.expanded,
 					"data-disclosure-icon": "",
 					"aria-hidden": "true"
-				}, [h(S(e))], 8, M)) : g.trailingIcon ? (v(), u(b(g.trailingIcon), {
+				}, [g(C(e))], 8, N)) : _.trailingIcon ? (y(), d(x(_.trailingIcon), {
 					key: 7,
 					class: "s-button__icon s-button__icon--trailing",
 					"aria-hidden": "true"
-				})) : d("", !0)
+				})) : f("", !0)
 			])]),
 			_: 1
 		}, 16, [
@@ -252,6 +255,7 @@ var E = {
 			"data-icon-size",
 			"data-appearance",
 			"data-shape",
+			"data-label-overflow",
 			"data-loading",
 			"aria-pressed",
 			"aria-busy"
@@ -259,4 +263,4 @@ var E = {
 	}
 });
 //#endregion
-export { N as default };
+export { P as default };

package/dist/src/components/shared/controls/SChoiceCards.vue.d.ts

@@ -21,6 +21,7 @@ export interface Props<T extends PublicSelectionKey = string> {
     invalid?: boolean;
     disabled?: boolean;
     readonly?: boolean;
+    appearance?: 'cards' | 'rows';
     columns?: 'auto' | '2' | '3';
     density?: 'default' | 'compact';
     selectionIndicator?: 'mark' | 'none';

package/dist/src/components/shared/controls/SChoiceCards.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/controls/SChoiceCards.css_vue_type_style_index_0_src_627a8628_scoped_627a8628_lang.css";
+import "../../../../assets/src/components/shared/controls/SChoiceCards.css_vue_type_style_index_0_src_af9fa9d1_scoped_af9fa9d1_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SChoiceCards.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                          */
 //#region src/components/shared/controls/SChoiceCards.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-627a8628"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-af9fa9d1"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/controls/SChoiceCards.vue_vue_type_script_setup_true_lang.js

@@ -1,27 +1,29 @@
 import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { useInteractiveLeafRegistration as t } from "../../../internal/passiveContentContract.js";
-import n from "./SFieldGroup.vue.js";
-import { useRadioGroup as r } from "../_internal/useRadioGroup.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, defineComponent as d, mergeProps as f, openBlock as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { validateExactString as t } from "../../../internal/runtimeContract.js";
+import { useInteractiveLeafRegistration as n } from "../../../internal/passiveContentContract.js";
+import r from "./SFieldGroup.vue.js";
+import { useRadioGroup as i } from "../_internal/useRadioGroup.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, defineComponent as f, mergeProps as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 //#region src/components/shared/controls/SChoiceCards.vue?vue&type=script&setup=true&lang.ts
-var y = [
+var b = [
+	"data-appearance",
 	"data-columns",
 	"data-density",
 	"data-selection-indicator"
-], b = {
+], x = {
 	key: 0,
 	class: "s-choice-card__kicker"
-}, x = { class: "s-choice-card__title" }, S = {
+}, S = { class: "s-choice-card__title" }, C = {
 	key: 1,
 	class: "s-choice-card__description"
-}, C = {
+}, w = {
 	key: 2,
 	class: "s-choice-card__meta"
-}, w = {
+}, T = {
 	key: 3,
 	class: "s-choice-card__mark",
 	"aria-hidden": "true"
-}, T = /*@__PURE__*/ d({
+}, E = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "SChoiceCards",
 	props: {
@@ -47,65 +49,67 @@ var y = [
 			type: Boolean,
 			default: !1
 		},
+		appearance: { default: "cards" },
 		columns: { default: "auto" },
 		density: { default: "default" },
 		selectionIndicator: { default: "mark" }
 	},
 	emits: ["update:modelValue"],
-	setup(d, { emit: T }) {
-		let E = d, D = T, O = e({
+	setup(f, { emit: E }) {
+		let D = f, O = E, k = e({
 			component: "SChoiceCards",
 			owner: "field group"
 		});
-		t({ owner: "SChoiceCards" });
-		let k = r({
-			options: a(() => E.options),
-			selectedValue: a(() => E.modelValue),
-			disabled: a(() => E.disabled),
-			readonly: a(() => E.readonly),
-			update: (e) => D("update:modelValue", e),
+		n({ owner: "SChoiceCards" });
+		let A = o(() => t("SChoiceCards", "appearance", D.appearance, ["cards", "rows"])), j = i({
+			options: o(() => D.options),
+			selectedValue: o(() => D.modelValue),
+			disabled: o(() => D.disabled),
+			readonly: o(() => D.readonly),
+			update: (e) => O("update:modelValue", e),
 			component: "SChoiceCards"
 		});
-		return (e, t) => (p(), o(n, f(_(O).bindings(), {
-			id: d.id,
-			label: d.label,
-			"help-text": d.helpText,
-			"error-message": d.errorMessage,
-			required: d.required,
-			invalid: d.invalid,
-			disabled: d.disabled,
-			readonly: d.readonly
-		}), u({
-			default: v(({ describedBy: e, labelId: t }) => [l("div", f({
+		return (e, t) => (m(), s(r, p(v(k).bindings(), {
+			id: f.id,
+			label: f.label,
+			"help-text": f.helpText,
+			"error-message": f.errorMessage,
+			required: f.required,
+			invalid: f.invalid,
+			disabled: f.disabled,
+			readonly: f.readonly
+		}), d({
+			default: y(({ describedBy: e, labelId: t }) => [u("div", p({
 				class: "s-choice-cards",
-				"data-columns": d.columns,
-				"data-density": d.density,
-				"data-selection-indicator": d.selectionIndicator
-			}, _(k).groupBindings({
+				"data-appearance": A.value,
+				"data-columns": f.columns,
+				"data-density": f.density,
+				"data-selection-indicator": f.selectionIndicator
+			}, v(j).groupBindings({
 				labelledBy: t,
 				describedBy: e,
-				required: d.required,
-				invalid: d.invalid
-			})), [(p(!0), c(i, null, m(d.options, (e) => (p(), c("button", f({
-				key: _(k).optionToken(e.value),
+				required: f.required,
+				invalid: f.invalid
+			})), [(m(!0), l(a, null, h(f.options, (e) => (m(), l("button", p({
+				key: v(j).optionToken(e.value),
 				ref_for: !0,
-				ref: _(k).optionRef(e.value),
+				ref: v(j).optionRef(e.value),
 				class: "s-choice-card"
-			}, { ref_for: !0 }, _(k).optionBindings(e)), [
-				e.kicker ? (p(), c("span", b, g(e.kicker), 1)) : s("", !0),
-				l("span", x, g(e.title), 1),
-				e.description ? (p(), c("span", S, g(e.description), 1)) : s("", !0),
-				e.meta ? (p(), c("span", C, g(e.meta), 1)) : s("", !0),
-				d.selectionIndicator === "mark" && e.value === d.modelValue ? (p(), c("span", w, "✓")) : s("", !0)
-			], 16))), 128))], 16, y)]),
+			}, { ref_for: !0 }, v(j).optionBindings(e)), [
+				e.kicker ? (m(), l("span", x, _(e.kicker), 1)) : c("", !0),
+				u("span", S, _(e.title), 1),
+				e.description ? (m(), l("span", C, _(e.description), 1)) : c("", !0),
+				e.meta ? (m(), l("span", w, _(e.meta), 1)) : c("", !0),
+				f.selectionIndicator === "mark" && e.value === f.modelValue ? (m(), l("span", T, "✓")) : c("", !0)
+			], 16))), 128))], 16, b)]),
 			_: 2
 		}, [e.$slots.help ? {
 			name: "help",
-			fn: v(() => [h(e.$slots, "help", {}, void 0, !0)]),
+			fn: y(() => [g(e.$slots, "help", {}, void 0, !0)]),
 			key: "0"
 		} : void 0, e.$slots.error ? {
 			name: "error",
-			fn: v(() => [h(e.$slots, "error", {}, void 0, !0)]),
+			fn: y(() => [g(e.$slots, "error", {}, void 0, !0)]),
 			key: "1"
 		} : void 0]), 1040, [
 			"id",
@@ -120,4 +124,4 @@ var y = [
 	}
 });
 //#endregion
-export { T as default };
+export { E as default };

package/dist/src/components/shared/controls/SMenuSurface.vue.d.ts

@@ -17,15 +17,15 @@ export interface SMenuSurfaceApi {
 declare const __VLS_export: import('vue').DefineComponent<Props, SMenuSurfaceApi, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (item: SMenuSelectableEntry, event: SMenuActivationEvent) => any;
     escape: () => any;
-    tab: (event: KeyboardEvent) => any;
     "focus-exit": (event: FocusEvent) => any;
+    tab: (event: KeyboardEvent) => any;
     "submenu-back": () => any;
     "dismiss-tree": () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onSelect?: ((item: SMenuSelectableEntry, event: SMenuActivationEvent) => any) | undefined;
     onEscape?: (() => any) | undefined;
-    onTab?: ((event: KeyboardEvent) => any) | undefined;
     "onFocus-exit"?: ((event: FocusEvent) => any) | undefined;
+    onTab?: ((event: KeyboardEvent) => any) | undefined;
     "onSubmenu-back"?: (() => any) | undefined;
     "onDismiss-tree"?: (() => any) | undefined;
 }>, {

package/dist/src/components/shared/controls/STextarea.vue.d.ts

@@ -75,10 +75,12 @@ export interface Props {
     monospace?: boolean;
 }
 declare const __VLS_export: import('vue').DefineComponent<Props, STextareaApi, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (focusEvent: FocusEvent) => any;
     click: (mouseEvent: MouseEvent) => any;
     compositionend: (compositionEvent: CompositionEvent) => any;
     compositionstart: (compositionEvent: CompositionEvent) => any;
     compositionupdate: (compositionEvent: CompositionEvent) => any;
+    focus: (focusEvent: FocusEvent) => any;
     keydown: (keyboardEvent: KeyboardEvent) => any;
     keyup: (keyboardEvent: KeyboardEvent) => any;
     paste: (clipboardEvent: ClipboardEvent) => any;
@@ -86,10 +88,12 @@ declare const __VLS_export: import('vue').DefineComponent<Props, STextareaApi, {
     "selection-change": (selection: STextareaSelection) => any;
     "state-change": (state: STextareaState) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((focusEvent: FocusEvent) => any) | undefined;
     onClick?: ((mouseEvent: MouseEvent) => any) | undefined;
     onCompositionend?: ((compositionEvent: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((compositionEvent: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((compositionEvent: CompositionEvent) => any) | undefined;
+    onFocus?: ((focusEvent: FocusEvent) => any) | undefined;
     onKeydown?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
     onKeyup?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
     onPaste?: ((clipboardEvent: ClipboardEvent) => any) | undefined;

package/dist/src/components/shared/controls/STextarea.vue_vue_type_script_setup_true_lang.js

@@ -76,6 +76,8 @@ var se = [
 		"keydown",
 		"keyup",
 		"click",
+		"focus",
+		"blur",
 		"paste",
 		"compositionstart",
 		"compositionupdate",
@@ -390,8 +392,10 @@ var se = [
 				onKeydown: ye,
 				onKeyup: be,
 				onClick: xe,
+				onFocus: n[0] ||= (e) => w("focus", e),
+				onBlur: n[1] ||= (e) => w("blur", e),
 				onSelect: Se,
-				onPaste: n[0] ||= (e) => w("paste", e),
+				onPaste: n[2] ||= (e) => w("paste", e),
 				onCompositionstart: Ce,
 				onCompositionupdate: we,
 				onCompositionend: Te