@pgcorp/ui-kit 0.11.0 → 0.13.0

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/SDropdownMenu.vue.d.ts

@@ -1,11 +1,16 @@
 import { VNodeChild, VNodeRef } from 'vue';
 import { OwnedAttributeBindings } from '../../../internal/ownedAttrs';
 import { SMenuActivationEvent, SMenuEntry, SMenuSelectableEntry } from './menu';
-type __VLS_Props = {
+export type SDropdownMenuPlacement = 'auto' | 'bottom' | 'top';
+export interface Props {
     items: readonly SMenuEntry[];
     align?: 'left' | 'right';
     menuLabel?: string;
-};
+    open?: boolean;
+    defaultOpen?: boolean;
+    placement?: SDropdownMenuPlacement;
+    closeOnSelect?: boolean;
+}
 export type SDropdownMenuTriggerAttrs = OwnedAttributeBindings<'SDropdownMenu'> & {
     readonly ref: VNodeRef;
     readonly 'aria-haspopup': 'menu';
@@ -20,13 +25,19 @@ type __VLS_Slots = {
         triggerAttrs: SDropdownMenuTriggerAttrs;
     }) => VNodeChild;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (entry: SMenuSelectableEntry, event: SMenuActivationEvent) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onSelect?: ((entry: SMenuSelectableEntry, event: SMenuActivationEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    open: boolean;
     align: "left" | "right";
+    placement: SDropdownMenuPlacement;
     menuLabel: string;
+    defaultOpen: boolean;
+    closeOnSelect: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

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

@@ -1,11 +1,12 @@
 import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import n from "./SButton.vue.js";
-import { useMenuLayer as r } from "../../../internal/useMenuLayer.js";
-import i from "../_internal/SMenuLayer.vue.js";
-import { validateSMenuEntries as a } from "./menu.js";
-import o from "./SMenuSurface.vue.js";
-import { Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, onMounted as g, openBlock as _, ref as v, renderSlot as y, unref as b, useId as x, useSlots as S, watchEffect as C, withCtx as w } from "vue";
+import { validateBoolean as n, validateExactString as r } from "../../../internal/runtimeContract.js";
+import i from "./SButton.vue.js";
+import { useMenuLayer as a } from "../../../internal/useMenuLayer.js";
+import o from "../_internal/SMenuLayer.vue.js";
+import { validateSMenuEntries as ee } from "./menu.js";
+import s from "./SMenuSurface.vue.js";
+import { Teleport as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createVNode as te, defineComponent as p, mergeProps as m, nextTick as h, onMounted as ne, openBlock as g, ref as _, renderSlot as v, unref as y, useId as b, useSlots as x, watch as S, watchEffect as C, withCtx as w } from "vue";
 //#region src/components/shared/controls/SDropdownMenu.vue?vue&type=script&setup=true&lang.ts
 var T = { class: "s-dropdown-menu" }, E = /*@__PURE__*/ p({
 	inheritAttrs: !1,
@@ -13,14 +14,27 @@ var T = { class: "s-dropdown-menu" }, E = /*@__PURE__*/ p({
 	props: {
 		items: {},
 		align: { default: "right" },
-		menuLabel: { default: void 0 }
+		menuLabel: { default: void 0 },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		placement: { default: "auto" },
+		closeOnSelect: {
+			type: Boolean,
+			default: !0
+		}
 	},
-	emits: ["select"],
+	emits: ["select", "update:open"],
 	setup(p, { emit: E }) {
-		let D = p, { t: O } = e(), k = c(() => D.menuLabel ?? O("dialog.moreActions")), A = E, j = S(), M = t({
+		let D = p, { t: re } = e(), O = l(() => D.menuLabel ?? re("dialog.moreActions")), k = E, A = x(), j = t({
 			component: "SDropdownMenu",
 			owner: "menu trigger"
-		}), N = v(null), P = v(null), F = null, I = c(() => N.value?.getElement() ?? null), { isOpen: L, position: R, zIndex: z, close: B, closeForTab: V, open: H, toggle: U } = r(I), W = `s-dropdown-menu-${x()}`, G = v("first"), K = !!j.default;
+		}), M = _(null), N = _(null), P = null, F = l(() => M.value?.getElement() ?? null), { isOpen: I, position: L, zIndex: R, close: z, closeForTab: B, open: V } = a(F, { onRequestDismiss: $ }), H = `s-dropdown-menu-${b()}`, U = _("first"), W = !!A.default, G = l(() => D.open !== void 0), K = l(() => G.value ? D.open === !0 : I.value);
 		function q(e) {
 			if (e === null) return null;
 			if (e instanceof HTMLElement) return e;
@@ -31,97 +45,119 @@ var T = { class: "s-dropdown-menu" }, E = /*@__PURE__*/ p({
 			return n;
 		}
 		let J = (e) => {
-			if (e !== null && F !== null && e !== F) throw Error("SDropdownMenu: trigger binding must belong to exactly one UI-kit leaf");
-			F = e;
+			if (e !== null && P !== null && e !== P) throw Error("SDropdownMenu: trigger binding must belong to exactly one UI-kit leaf");
+			P = e;
 		}, Y = () => {
-			let e = M.bindings();
+			let e = j.bindings();
 			if (Object.prototype.hasOwnProperty.call(e, "onClick")) throw Error("SDropdownMenu: @click belongs to the typed triggerAttrs activation contract");
 			return {
 				...e,
 				ref: J,
 				"aria-haspopup": "menu",
-				"aria-expanded": L.value,
-				"aria-controls": W,
-				onClick: Z,
-				onKeydown: Q
+				"aria-expanded": K.value,
+				"aria-controls": H,
+				onClick: ae,
+				onKeydown: oe
 			};
 		};
 		function X(e) {
-			let t = q(F);
+			let t = q(P);
 			if (!t) throw Error("SDropdownMenu: expected exactly one trigger, received 0");
 			if (e?.currentTarget instanceof HTMLElement && e.currentTarget !== t) throw Error("SDropdownMenu: activation target does not match the registered trigger");
 			return t;
 		}
-		g(() => {
+		ne(() => {
 			let e = X();
-			if (e.getAttribute("aria-haspopup") !== "menu" || e.getAttribute("aria-controls") !== W) throw Error("SDropdownMenu: expected exactly one trigger, received 0");
+			if (e.getAttribute("aria-haspopup") !== "menu" || e.getAttribute("aria-controls") !== H) throw Error("SDropdownMenu: expected exactly one trigger, received 0");
+			(G.value && D.open || !G.value && D.defaultOpen) && Z();
 		});
-		function Z(e) {
-			let t = X(e);
-			G.value = "first", U({
-				type: "element",
-				element: t,
-				align: D.align
-			}, t);
+		function ie(e) {
+			let t = X(e), n = D.placement === "auto" ? void 0 : D.placement;
+			return {
+				anchor: {
+					type: "element",
+					element: t,
+					align: D.align,
+					...n === void 0 ? {} : { placement: n }
+				},
+				trigger: t
+			};
+		}
+		async function Z(e) {
+			if (I.value) return;
+			let { anchor: t, trigger: n } = ie(e);
+			await V(t, n);
+		}
+		function Q(e) {
+			K.value || (k("update:open", !0), G.value || Z(e));
+		}
+		function $(e) {
+			(K.value || I.value) && (k("update:open", !1), G.value || z(e));
+		}
+		function ae(e) {
+			K.value ? $("trigger") : (U.value = "first", Q(e));
+		}
+		async function oe(e) {
+			(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), e.stopPropagation(), U.value = e.key === "ArrowUp" ? "last" : "first", K.value || Q(e), await h(), await h(), I.value && (U.value === "last" ? N.value?.focusLast() : N.value?.focusFirst()));
 		}
-		async function Q(e) {
-			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
-			e.preventDefault(), e.stopPropagation();
-			let t = X(e);
-			G.value = e.key === "ArrowUp" ? "last" : "first", L.value || await H({
-				type: "element",
-				element: t,
-				align: D.align
-			}, t), await h(), G.value === "last" ? P.value?.focusLast() : P.value?.focusFirst();
+		function se(e, t) {
+			e.disabled || (k("select", e, t), D.closeOnSelect && $("selection"));
 		}
-		function $(e, t) {
-			e.disabled || (B("selection"), A("select", e, t));
+		function ce(e) {
+			B(e);
 		}
-		return C(() => {
-			if (a(D.items), !k.value.trim()) throw TypeError("SDropdownMenu: menuLabel must be a non-empty string");
-			if (D.align !== "left" && D.align !== "right") throw TypeError("SDropdownMenu: align must be 'left' or 'right'");
-		}), (e, t) => (_(), d("div", T, [b(K) ? y(e.$slots, "default", { triggerAttrs: Y() }, void 0, !0, 0) : (_(), l(n, m({ key: 1 }, Y(), {
+		return S(() => D.open, (e) => {
+			e !== void 0 && (e && !I.value ? Z() : !e && I.value && z("programmatic"));
+		}), S(() => [D.align, D.placement], () => {
+			I.value && (z("programmatic"), Z());
+		}), C(() => {
+			if (ee(D.items), !O.value.trim()) throw TypeError("SDropdownMenu: menuLabel must be a non-empty string");
+			r("SDropdownMenu", "align", D.align, ["left", "right"]), r("SDropdownMenu", "placement", D.placement, [
+				"auto",
+				"bottom",
+				"top"
+			]), n("SDropdownMenu", "defaultOpen", D.defaultOpen), n("SDropdownMenu", "closeOnSelect", D.closeOnSelect), D.open !== void 0 && n("SDropdownMenu", "open", D.open);
+		}), (e, t) => (g(), f("div", T, [y(W) ? v(e.$slots, "default", { triggerAttrs: Y() }, void 0, !0, 0) : (g(), u(i, m({ key: 1 }, Y(), {
 			label: "Опции",
 			disclosure: {
-				expanded: b(L),
-				controls: W
+				expanded: K.value,
+				controls: H
 			},
 			severity: "secondary"
-		}), null, 16, ["disclosure"])), (_(), l(s, { to: "body" }, [b(L) ? (_(), l(i, {
+		}), null, 16, ["disclosure"])), (g(), u(c, { to: "body" }, [y(I) ? (g(), u(o, {
 			key: 0,
 			ref_key: "layerRef",
-			ref: N,
+			ref: M,
 			kind: "dropdown",
-			"landmark-label": k.value,
-			position: b(R),
-			"z-index": b(z)
+			"landmark-label": O.value,
+			position: y(L),
+			"z-index": y(R)
 		}, {
-			default: w(() => [f(o, {
+			default: w(() => [te(s, {
 				ref_key: "menuSurfaceRef",
-				ref: P,
-				id: W,
-				label: k.value,
+				ref: N,
+				id: H,
+				label: O.value,
 				density: "compact",
 				autofocus: "",
-				"initial-focus": G.value,
+				"initial-focus": U.value,
 				items: p.items,
-				onDismissTree: t[0] ||= (e) => b(B)("outside"),
-				onEscape: t[1] ||= (e) => b(B)("escape"),
-				onFocusExit: t[2] ||= (e) => b(B)("outside"),
-				onSelect: $,
-				onTab: b(V)
+				onDismissTree: t[0] ||= (e) => $("outside"),
+				onEscape: t[1] ||= (e) => $("escape"),
+				onFocusExit: t[2] ||= (e) => $("outside"),
+				onSelect: se,
+				onTab: ce
 			}, null, 8, [
 				"label",
 				"initial-focus",
-				"items",
-				"onTab"
+				"items"
 			])]),
 			_: 1
 		}, 8, [
 			"landmark-label",
 			"position",
 			"z-index"
-		])) : u("", !0)]))]));
+		])) : d("", !0)]))]));
 	}
 });
 //#endregion

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

@@ -110,10 +110,10 @@ declare const __VLS_export: import('vue').DefineComponent<Props, {
     trailingIcon: Component;
     density: SInputTextDensity;
     appearance: "field" | "grid-cell" | "workbench-title";
-    monospace: boolean;
-    modelModifiers: SInputTextModelModifiers;
     minLength: number;
     maxLength: number;
+    monospace: boolean;
+    modelModifiers: SInputTextModelModifiers;
     trailingText: string;
     trailingAction: SInputTextTrailingAction;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -1,9 +1,10 @@
 import { mergeIdReferences as e, useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { resolveOptionalDomId as n, validateBoundedInteger as r, validateExactString as i } from "../../../internal/runtimeContract.js";
-import { useInteractiveLeafRegistration as a } from "../../../internal/passiveContentContract.js";
-import o from "./SButton.vue.js";
-import s from "./SField.vue.js";
-import { resolveFieldSurfaceBindings as c } from "../../../internal/fieldSurface.js";
+import { resolveOptionalDomId as n, validateExactString as r } from "../../../internal/runtimeContract.js";
+import { useInteractiveLeafRegistration as i } from "../../../internal/passiveContentContract.js";
+import a from "./SButton.vue.js";
+import o from "./SField.vue.js";
+import { resolveFieldSurfaceBindings as s } from "../../../internal/fieldSurface.js";
+import { resolveTextLengthConstraints as c } from "../../../internal/textLengthConstraints.js";
 import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeProps as g, openBlock as _, ref as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useId as S, watchEffect as C, withCtx as w } from "vue";
 //#region src/components/shared/controls/SInputText.vue?vue&type=script&setup=true&lang.ts
 var T = [
@@ -161,7 +162,7 @@ var T = [
 			component: "SInputText",
 			owner: "native input"
 		});
-		a({ owner: "SInputText" });
+		i({ owner: "SInputText" });
 		let R = v(null);
 		j({
 			focus: () => R.value?.focus(),
@@ -172,27 +173,17 @@ var T = [
 			}
 		});
 		let z = S(), B = l(() => n("SInputText", "id", F.id, `s-input-text-${z}`)), V = l(() => {
-			let e = i("SInputText", "type", F.type, N);
+			let e = r("SInputText", "type", F.type, N);
 			return P[e];
 		}), H = l(() => {
-			let e = F.minLength === void 0 ? void 0 : r("SInputText", "minLength", F.minLength, {
-				minimum: 0,
-				maximum: 2 ** 53 - 1
-			}), t = F.maxLength === void 0 ? void 0 : r("SInputText", "maxLength", F.maxLength, {
-				minimum: 0,
-				maximum: 2 ** 53 - 1
-			});
-			if (e !== void 0 && t !== void 0 && e > t) throw RangeError(`SInputText: minLength (${e}) не может превышать maxLength (${t}). / SInputText: minLength (${e}) must not exceed maxLength (${t}).`);
-			if ((e !== void 0 || t !== void 0) && V.value.family !== "textual") throw TypeError("SInputText: minLength и maxLength применимы только к textual native input types. / SInputText: minLength and maxLength apply only to textual native input types.");
-			return {
-				minLength: e,
-				maxLength: t
-			};
-		}), U = l(() => i("SInputText", "size", F.size, [
+			let e = c("SInputText", F.minLength, F.maxLength);
+			if ((e.minLength !== void 0 || e.maxLength !== void 0) && V.value.family !== "textual") throw TypeError("SInputText: minLength и maxLength применимы только к textual native input types. / SInputText: minLength and maxLength apply only to textual native input types.");
+			return e;
+		}), U = l(() => r("SInputText", "size", F.size, [
 			"sm",
 			"md",
 			"lg"
-		])), W = l(() => i("SInputText", "appearance", F.appearance, [
+		])), W = l(() => r("SInputText", "appearance", F.appearance, [
 			"field",
 			"grid-cell",
 			"workbench-title"
@@ -213,7 +204,7 @@ var T = [
 			};
 		});
 		function K(e) {
-			return c("SInputText", {
+			return s("SInputText", {
 				kind: "text-input",
 				appearance: W.value === "field" ? "field" : "embedded",
 				invalid: e.invalid,
@@ -252,7 +243,7 @@ var T = [
 			"data-input-family": V.value.family,
 			"data-trailing": q.value,
 			"data-with-label": !!h.label || void 0
-		}, [m(s, {
+		}, [m(o, {
 			"control-id": B.value,
 			label: h.label,
 			required: h.required,
@@ -297,7 +288,7 @@ var T = [
 				key: 0,
 				class: "s-input-trailing",
 				"data-kind": q.value
-			}, [h.trailingIcon ? (_(), f("span", k, [(_(), u(y(h.trailingIcon), { class: "s-input-trailing__icon" }))])) : h.trailingText === void 0 ? h.trailingAction ? (_(), u(o, {
+			}, [h.trailingIcon ? (_(), f("span", k, [(_(), u(y(h.trailingIcon), { class: "s-input-trailing__icon" }))])) : h.trailingText === void 0 ? h.trailingAction ? (_(), u(a, {
 				key: 2,
 				label: "",
 				size: "sm",

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/SMenuSurface.vue.js

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