@pgcorp/ui-kit 0.12.0 → 0.14.0

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

@@ -13,8 +13,10 @@ export interface Props {
     readonly?: boolean;
     layout?: SFieldLayout;
     fill?: SFieldFill;
+    /** Native HTML content model of the field and its supporting regions. */
+    contentFlow?: 'flow' | 'phrasing';
 }
-declare var __VLS_1: {}, __VLS_3: {
+declare var __VLS_8: {}, __VLS_16: {
     controlId: string;
     labelledBy: string | undefined;
     describedBy: string | undefined;
@@ -22,15 +24,15 @@ declare var __VLS_1: {}, __VLS_3: {
     disabled: boolean;
     readonly: boolean;
     required: boolean;
-}, __VLS_5: {}, __VLS_7: {};
+}, __VLS_24: {}, __VLS_32: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_1) => any;
+    label?: (props: typeof __VLS_8) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
+    default?: (props: typeof __VLS_16) => any;
 } & {
-    help?: (props: typeof __VLS_5) => any;
+    help?: (props: typeof __VLS_24) => any;
 } & {
-    error?: (props: typeof __VLS_7) => any;
+    error?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     layout: SFieldLayout;
@@ -42,6 +44,7 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     readonly: boolean;
     helpText: string;
     errorMessage: string;
+    contentFlow: "flow" | "phrasing";
 }, {}, {}, {}, 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/SField.vue.js

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

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

@@ -1,13 +1,9 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { FIELD_ERROR_CLASS as t, FIELD_HELP_CLASS as n, FIELD_REQUIRED_CLASS as r, useFieldSupportingText as i } from "../../../internal/fieldPresentation.js";
-import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useSlots as _ } from "vue";
+import { validateExactString as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { FIELD_ERROR_CLASS as n, FIELD_HELP_CLASS as r, FIELD_REQUIRED_CLASS as i, useFieldSupportingText as a } from "../../../internal/fieldPresentation.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y, withCtx as b } from "vue";
 //#region src/components/shared/controls/SField.vue?vue&type=script&setup=true&lang.ts
-var v = [
-	"data-disabled",
-	"data-readonly",
-	"data-invalid",
-	"data-fill"
-], y = ["id", "for"], b = { class: "s-field__control" }, x = ["id"], S = ["id"], C = /*@__PURE__*/ u({
+var x = ["id", "for"], S = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "SField",
 	props: {
@@ -32,55 +28,76 @@ var v = [
 			default: !1
 		},
 		layout: { default: "stacked" },
-		fill: { default: "content" }
+		fill: { default: "content" },
+		contentFlow: { default: "flow" }
 	},
-	setup(u) {
-		let C = u, w = _(), T = e({
+	setup(d) {
+		let S = d, C = y(), w = t({
 			component: "SField",
 			owner: "field root"
-		}), E = a(() => C.invalid), D = a(() => !!(C.label || w.label)), O = a(() => `${C.controlId}-label`), k = a(() => C.controlId), { describedBy: A, errorId: j, helpId: M } = i({
+		}), T = o(() => e("SField", "contentFlow", S.contentFlow, ["flow", "phrasing"])), E = o(() => S.invalid), D = o(() => !!(S.label || C.label)), O = o(() => `${S.controlId}-label`), k = o(() => S.controlId), { describedBy: A, errorId: j, helpId: M } = a({
 			baseId: k,
-			hasHelp: () => !!(C.helpText || w.help),
-			hasError: () => !!(E.value && (C.errorMessage || w.error))
+			hasHelp: () => !!(S.helpText || C.help),
+			hasError: () => !!(E.value && (S.errorMessage || C.error))
 		});
-		return (e, i) => (p(), s("div", d(g(T).bindings(), {
-			class: ["s-field", `s-field--${u.layout}`],
-			"data-disabled": u.disabled || void 0,
-			"data-readonly": u.readonly || void 0,
+		return (e, t) => (m(), s(g(T.value === "phrasing" ? "span" : "div"), f(v(w).bindings(), {
+			class: ["s-field", `s-field--${d.layout}`],
+			"data-disabled": d.disabled || void 0,
+			"data-readonly": d.readonly || void 0,
 			"data-invalid": E.value || void 0,
-			"data-fill": u.fill
-		}), [
-			D.value ? (p(), s("label", {
-				key: 0,
-				id: O.value,
-				class: "s-field__label",
-				for: u.controlId
-			}, [m(e.$slots, "label", {}, () => [l(h(u.label), 1)], !0), u.required ? (p(), s("span", {
-				key: 0,
-				class: f(["s-field__required", g(r)]),
-				"aria-hidden": "true"
-			}, "*", 2)) : o("", !0)], 8, y)) : o("", !0),
-			c("div", b, [m(e.$slots, "default", {
-				controlId: u.controlId,
-				labelledBy: D.value ? O.value : void 0,
-				describedBy: g(A),
-				invalid: E.value,
-				disabled: u.disabled,
-				readonly: u.readonly,
-				required: u.required
-			}, void 0, !0)]),
-			u.helpText || e.$slots.help ? (p(), s("p", {
-				key: 1,
-				id: g(M),
-				class: f(["s-field__help", g(n)])
-			}, [m(e.$slots, "help", {}, () => [l(h(u.helpText), 1)], !0)], 10, x)) : o("", !0),
-			E.value && (u.errorMessage || e.$slots.error) ? (p(), s("p", {
-				key: 2,
-				id: g(j),
-				class: f(["s-field__error", g(t)])
-			}, [m(e.$slots, "error", {}, () => [l(h(u.errorMessage), 1)], !0)], 10, S)) : o("", !0)
-		], 16, v));
+			"data-fill": d.fill,
+			"data-content-flow": T.value
+		}), {
+			default: b(() => [
+				D.value ? (m(), l("label", {
+					key: 0,
+					id: O.value,
+					class: "s-field__label",
+					for: d.controlId
+				}, [h(e.$slots, "label", {}, () => [u(_(d.label), 1)], !0), d.required ? (m(), l("span", {
+					key: 0,
+					class: p(["s-field__required", v(i)]),
+					"aria-hidden": "true"
+				}, "*", 2)) : c("", !0)], 8, x)) : c("", !0),
+				(m(), s(g(T.value === "phrasing" ? "span" : "div"), { class: "s-field__control" }, {
+					default: b(() => [h(e.$slots, "default", {
+						controlId: d.controlId,
+						labelledBy: D.value ? O.value : void 0,
+						describedBy: v(A),
+						invalid: E.value,
+						disabled: d.disabled,
+						readonly: d.readonly,
+						required: d.required
+					}, void 0, !0)]),
+					_: 3
+				})),
+				d.helpText || e.$slots.help ? (m(), s(g(T.value === "phrasing" ? "span" : "p"), {
+					key: 1,
+					id: v(M),
+					class: p(["s-field__help", v(r)])
+				}, {
+					default: b(() => [h(e.$slots, "help", {}, () => [u(_(d.helpText), 1)], !0)]),
+					_: 3
+				}, 8, ["id", "class"])) : c("", !0),
+				E.value && (d.errorMessage || e.$slots.error) ? (m(), s(g(T.value === "phrasing" ? "span" : "p"), {
+					key: 2,
+					id: v(j),
+					class: p(["s-field__error", v(n)])
+				}, {
+					default: b(() => [h(e.$slots, "error", {}, () => [u(_(d.errorMessage), 1)], !0)]),
+					_: 3
+				}, 8, ["id", "class"])) : c("", !0)
+			]),
+			_: 3
+		}, 16, [
+			"class",
+			"data-disabled",
+			"data-readonly",
+			"data-invalid",
+			"data-fill",
+			"data-content-flow"
+		]));
 	}
 });
 //#endregion
-export { C as default };
+export { S as default };

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

@@ -1,5 +1,5 @@
-import { mergeIdReferences as e, useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { validateBoundedInteger as n, validateDomId as r, validateExactString as i, validateNonEmptyString as a } from "../../../internal/runtimeContract.js";
+import { validateBoundedInteger as e, validateDomId as t, validateExactString as n, validateNonEmptyString as r } from "../../../internal/runtimeContract.js";
+import { mergeIdReferences as i, useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
 import { FIELD_ERROR_CLASS as o, FIELD_HELP_CLASS as s, FIELD_REQUIRED_CLASS as c, useFieldSupportingText as l } from "../../../internal/fieldPresentation.js";
 import { computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, defineComponent as h, mergeProps as g, normalizeClass as _, openBlock as v, renderSlot as y, toDisplayString as b, unref as x, useId as S, useSlots as C } from "vue";
 //#region src/components/shared/controls/SFieldGroup.vue?vue&type=script&setup=true&lang.ts
@@ -48,19 +48,19 @@ var w = [
 		], A = {
 			minimum: 1,
 			maximum: 4
-		}, j = h, M = C(), N = t({
+		}, j = h, M = C(), N = a({
 			component: "SFieldGroup",
 			owner: "native fieldset"
-		}), P = S(), F = u(() => r("SFieldGroup", "id", j.id ?? `s-field-group-${P}`)), I = u(() => `${F.value}-legend`), L = u(() => a("SFieldGroup", "label", j.label)), { describedBy: R, errorId: z, helpId: B } = l({
+		}), P = S(), F = u(() => t("SFieldGroup", "id", j.id ?? `s-field-group-${P}`)), I = u(() => `${F.value}-legend`), L = u(() => r("SFieldGroup", "label", j.label)), { describedBy: R, errorId: z, helpId: B } = l({
 			baseId: F,
 			hasHelp: () => !!(j.helpText || M.help),
 			hasError: () => !!(j.invalid && (j.errorMessage || M.error))
-		}), V = u(() => i("SFieldGroup", "layout", j.layout, k)), H = u(() => n("SFieldGroup", "columns", j.columns, A));
-		return (t, n) => (v(), f("fieldset", g(x(N).bindings(), {
+		}), V = u(() => n("SFieldGroup", "layout", j.layout, k)), H = u(() => e("SFieldGroup", "columns", j.columns, A));
+		return (e, t) => (v(), f("fieldset", g(x(N).bindings(), {
 			id: F.value,
 			class: "s-field-group",
 			disabled: h.disabled,
-			"aria-describedby": x(e)(x(N).string("aria-describedby"), x(R)),
+			"aria-describedby": x(i)(x(N).string("aria-describedby"), x(R)),
 			"aria-invalid": h.invalid || void 0,
 			"data-disabled": h.disabled || void 0,
 			"data-readonly": h.readonly || void 0,
@@ -71,12 +71,12 @@ var w = [
 			p("legend", {
 				id: I.value,
 				class: "s-field-group__legend"
-			}, [y(t.$slots, "label", {}, () => [m(b(L.value), 1)], !0), h.required ? (v(), f("span", {
+			}, [y(e.$slots, "label", {}, () => [m(b(L.value), 1)], !0), h.required ? (v(), f("span", {
 				key: 0,
 				class: _(["s-field-group__required", x(c)]),
 				"aria-hidden": "true"
 			}, "*", 2)) : d("", !0)], 8, T),
-			p("div", E, [y(t.$slots, "default", {
+			p("div", E, [y(e.$slots, "default", {
 				groupId: F.value,
 				labelId: I.value,
 				describedBy: x(R),
@@ -85,16 +85,16 @@ var w = [
 				readonly: h.readonly,
 				required: h.required
 			}, void 0, !0)]),
-			h.helpText || t.$slots.help ? (v(), f("p", {
+			h.helpText || e.$slots.help ? (v(), f("p", {
 				key: 0,
 				id: x(B),
 				class: _(["s-field-group__help", x(s)])
-			}, [y(t.$slots, "help", {}, () => [m(b(h.helpText), 1)], !0)], 10, D)) : d("", !0),
-			h.invalid && (h.errorMessage || t.$slots.error) ? (v(), f("p", {
+			}, [y(e.$slots, "help", {}, () => [m(b(h.helpText), 1)], !0)], 10, D)) : d("", !0),
+			h.invalid && (h.errorMessage || e.$slots.error) ? (v(), f("p", {
 				key: 1,
 				id: x(z),
 				class: _(["s-field-group__error", x(o)])
-			}, [y(t.$slots, "error", {}, () => [m(b(h.errorMessage), 1)], !0)], 10, O)) : d("", !0)
+			}, [y(e.$slots, "error", {}, () => [m(b(h.errorMessage), 1)], !0)], 10, O)) : d("", !0)
 		], 16, w));
 	}
 });

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

@@ -1,5 +1,5 @@
-import { mergeIdReferences as e, useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as n, validateBoundedInteger as r, validateDomId as i, validateExactString as a, validateNonEmptyString as o } from "../../../internal/runtimeContract.js";
+import { validateBoolean as e, validateBoundedInteger as t, validateDomId as n, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
+import { mergeIdReferences as a, useOwnedAttrs as o } from "../../../internal/ownedAttrs.js";
 import s from "./SField.vue.js";
 import { resolveFieldSurfaceBindings as c } from "../../../internal/fieldSurface.js";
 import { composeInlineTokenSegments as l, inlineTokenSegmentsToText as ee, parseInlineTokenEditorSource as u, validateInlineTokenCursorBoundary as d } from "../../../internal/inlineTokenEditorContract.js";
@@ -48,13 +48,13 @@ var _ = /*@__PURE__*/ p({
 		"state-change"
 	],
 	setup(p, { expose: _, emit: se }) {
-		let v = p, y = se, b = t({
+		let v = p, y = se, b = o({
 			component: "SInlineTokenEditor",
 			owner: "inline token editing surface"
-		}), ce = ae(), x = f(() => v.id === void 0 ? `s-inline-token-editor-${ce}` : i("SInlineTokenEditor", "id", v.id)), S = m(null), le = (e) => {
+		}), ce = ae(), x = f(() => v.id === void 0 ? `s-inline-token-editor-${ce}` : n("SInlineTokenEditor", "id", v.id)), S = m(null), le = (e) => {
 			if (e !== null && !(e instanceof HTMLDivElement)) throw TypeError("SInlineTokenEditor: editing surface ref должен быть HTMLDivElement. / SInlineTokenEditor: editing surface ref must be an HTMLDivElement.");
 			S.value = e;
-		}, C = m(0), w = m(null), T = m(null), E = f(() => u(v.modelValue, v.segments)), D = f(() => n("SInlineTokenEditor", "disabled", v.disabled)), O = f(() => n("SInlineTokenEditor", "readonly", v.readonly)), ue = f(() => n("SInlineTokenEditor", "required", v.required)), de = f(() => n("SInlineTokenEditor", "invalid", v.invalid)), k = f(() => a("SInlineTokenEditor", "appearance", v.appearance, ["default", "ghost"])), fe = f(() => E.value.length > 0), pe = f(() => !fe.value), A = f(() => M(E.value).endsWith("\n") ? "newline" : E.value[E.value.length - 1]?.kind === "token" ? "token" : null), j = f(() => A.value !== null), me = f(() => JSON.stringify({
+		}, C = m(0), w = m(null), T = m(null), E = f(() => u(v.modelValue, v.segments)), D = f(() => e("SInlineTokenEditor", "disabled", v.disabled)), O = f(() => e("SInlineTokenEditor", "readonly", v.readonly)), ue = f(() => e("SInlineTokenEditor", "required", v.required)), de = f(() => e("SInlineTokenEditor", "invalid", v.invalid)), k = f(() => r("SInlineTokenEditor", "appearance", v.appearance, ["default", "ghost"])), fe = f(() => E.value.length > 0), pe = f(() => !fe.value), A = f(() => M(E.value).endsWith("\n") ? "newline" : E.value[E.value.length - 1]?.kind === "token" ? "token" : null), j = f(() => A.value !== null), me = f(() => JSON.stringify({
 			segments: E.value,
 			trailingCaretHelperKind: A.value,
 			tokenRemovalDisabled: D.value || O.value
@@ -68,7 +68,7 @@ var _ = /*@__PURE__*/ p({
 				readonly: e.readonly
 			});
 		}
-		let M = (e) => ee(e), N = (e) => e.nodeType === Node.TEXT_NODE && e.textContent === "​", P = (e) => o("SInlineTokenEditor", "DOM token label", e.dataset.segmentLabel).length, F = (e, t) => {
+		let M = (e) => ee(e), N = (e) => e.nodeType === Node.TEXT_NODE && e.textContent === "​", P = (e) => i("SInlineTokenEditor", "DOM token label", e.dataset.segmentLabel).length, F = (e, t) => {
 			let n = Array.from(e);
 			for (let e = n.length - 1; e >= 0; --e) {
 				let r = n[e];
@@ -368,7 +368,7 @@ var _ = /*@__PURE__*/ p({
 			insertSoftLineBreak: $,
 			getSelectionOffset: V,
 			queueSelectionOffset: (e) => {
-				w.value = r("SInlineTokenEditor", "queued selection offset", e, {
+				w.value = t("SInlineTokenEditor", "queued selection offset", e, {
 					minimum: 0,
 					maximum: 2 ** 53 - 1
 				});
@@ -442,7 +442,7 @@ var _ = /*@__PURE__*/ p({
 			y("click", e), W();
 		}
 		function De(e) {
-			let t = o("SInlineTokenEditor", "token action occurrenceId", e.occurrenceId), n = o("SInlineTokenEditor", "token action id", e.id), r = {
+			let t = i("SInlineTokenEditor", "token action occurrenceId", e.occurrenceId), n = i("SInlineTokenEditor", "token action id", e.id), r = {
 				occurrenceId: t,
 				id: n
 			};
@@ -451,23 +451,23 @@ var _ = /*@__PURE__*/ p({
 				return;
 			}
 			if (D.value || O.value) return;
-			let i = E.value, a = 0, s = [], c = !1, l = !1;
-			for (let e = 0; e < i.length; e += 1) {
-				let r = i[e], o = l && r.kind === "text" && r.text.startsWith(" ") ? {
+			let a = E.value, o = 0, s = [], c = !1, l = !1;
+			for (let e = 0; e < a.length; e += 1) {
+				let r = a[e], i = l && r.kind === "text" && r.text.startsWith(" ") ? {
 					kind: "text",
 					text: r.text.slice(1)
 				} : r;
-				if (l = !1, o.kind === "token" && o.occurrenceId === t) {
-					if (o.id !== n) throw TypeError(`SInlineTokenEditor: token action id ${JSON.stringify(n)} does not match occurrence ${JSON.stringify(t)}`);
+				if (l = !1, i.kind === "token" && i.occurrenceId === t) {
+					if (i.id !== n) throw TypeError(`SInlineTokenEditor: token action id ${JSON.stringify(n)} does not match occurrence ${JSON.stringify(t)}`);
 					c = !0;
-					let r = s[s.length - 1], a = i[e + 1];
-					r?.kind === "text" && a?.kind === "text" && r.text.endsWith(" ") && a.text.startsWith(" ") && (l = !0);
+					let r = s[s.length - 1], o = a[e + 1];
+					r?.kind === "text" && o?.kind === "text" && r.text.endsWith(" ") && o.text.startsWith(" ") && (l = !0);
 					continue;
 				}
-				c || (a += X(o)), s.push(o);
+				c || (o += X(i)), s.push(i);
 			}
 			if (!c) throw RangeError(`SInlineTokenEditor: token action occurrence ${JSON.stringify(t)} does not exist`);
-			y("remove-token", r), q(s, a);
+			y("remove-token", r), q(s, o);
 		}
 		return g(me, () => {
 			let e = S.value;
@@ -477,7 +477,7 @@ var _ = /*@__PURE__*/ p({
 		}, { flush: "pre" }), g(me, () => {
 			let e = T.value;
 			e !== null && (U(d(E.value, e, "restored selection offset")), T.value = null, w.value = null);
-		}, { flush: "post" }), (t, n) => (ie(), ne(s, {
+		}, { flush: "post" }), (e, t) => (ie(), ne(s, {
 			"control-id": x.value,
 			label: p.label,
 			required: ue.value,
@@ -488,26 +488,26 @@ var _ = /*@__PURE__*/ p({
 			readonly: O.value,
 			fill: k.value === "ghost" ? "container" : "content"
 		}, {
-			default: oe((t) => [re(te, {
+			default: oe((e) => [re(te, {
 				id: x.value,
 				"element-ref": le,
 				"owned-attributes": h(b).bindings(),
-				"field-bindings": he(t),
+				"field-bindings": he(e),
 				segments: E.value,
 				"trailing-caret-helper": j.value,
 				"open-disabled": D.value,
 				"remove-disabled": D.value || O.value,
 				appearance: k.value,
-				invalid: t.invalid,
-				disabled: t.disabled,
-				readonly: t.readonly,
-				required: t.required,
+				invalid: e.invalid,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				required: e.required,
 				rows: p.rows,
 				"max-rows": p.maxRows,
 				placeholder: p.placeholder,
 				"placeholder-visible": pe.value,
-				"labelled-by": h(e)(h(b).string("aria-labelledby"), t.labelledBy),
-				"described-by": h(e)(h(b).string("aria-describedby"), t.describedBy),
+				"labelled-by": h(a)(h(b).string("aria-labelledby"), e.labelledBy),
+				"described-by": h(a)(h(b).string("aria-describedby"), e.describedBy),
 				onBeforeinput: Se,
 				onInput: xe,
 				onKeydown: we,

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 e, validateExactString as t } from "../../../internal/runtimeContract.js";
+import { mergeIdReferences as n, useOwnedAttrs as r } from "../../../internal/ownedAttrs.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 = [
@@ -157,11 +158,11 @@ var T = [
 				family: "temporal",
 				type: "week"
 			}
-		}, F = h, I = M, L = t({
+		}, F = h, I = M, L = r({
 			component: "SInputText",
 			owner: "native input"
 		});
-		a({ owner: "SInputText" });
+		i({ owner: "SInputText" });
 		let R = v(null);
 		j({
 			focus: () => R.value?.focus(),
@@ -171,28 +172,18 @@ var T = [
 				return e;
 			}
 		});
-		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 z = S(), B = l(() => e("SInputText", "id", F.id, `s-input-text-${z}`)), V = l(() => {
+			let e = t("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(() => t("SInputText", "size", F.size, [
 			"sm",
 			"md",
 			"lg"
-		])), W = l(() => i("SInputText", "appearance", F.appearance, [
+		])), W = l(() => t("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,
@@ -247,12 +238,12 @@ var T = [
 		function X(e) {
 			G.value.lazy && J(e);
 		}
-		return (t, n) => (_(), f("div", {
+		return (e, t) => (_(), f("div", {
 			class: "s-input-text-wrapper",
 			"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,
@@ -262,11 +253,11 @@ var T = [
 			disabled: h.disabled,
 			readonly: h.readonly
 		}, {
-			default: w((t) => [p("div", E, [p("input", g({
+			default: w((e) => [p("div", E, [p("input", g({
 				...x(L).bindings(),
-				...K(t)
+				...K(e)
 			}, {
-				id: t.controlId,
+				id: e.controlId,
 				name: h.name,
 				ref_key: "inputRef",
 				ref: R,
@@ -281,23 +272,23 @@ var T = [
 				autocapitalize: h.autocapitalize,
 				autocorrect: h.autocorrect,
 				spellcheck: h.spellcheck,
-				disabled: t.disabled,
-				readonly: t.readonly,
-				required: t.required,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				required: e.required,
 				minlength: H.value.minLength,
 				maxlength: H.value.maxLength,
-				"aria-invalid": t.invalid || void 0,
-				"aria-describedby": x(e)(x(L).string("aria-describedby"), t.describedBy),
+				"aria-invalid": e.invalid || void 0,
+				"aria-describedby": x(n)(x(L).string("aria-describedby"), e.describedBy),
 				onInput: Y,
 				onChange: X,
-				onFocus: n[0] ||= (e) => I("focus", e),
-				onClick: n[1] ||= (e) => I("click", e),
-				onKeydown: n[2] ||= (e) => I("keydown", e)
+				onFocus: t[0] ||= (e) => I("focus", e),
+				onClick: t[1] ||= (e) => I("click", e),
+				onKeydown: t[2] ||= (e) => I("keydown", e)
 			}), null, 16, D), q.value ? (_(), f("div", {
 				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",
@@ -308,10 +299,10 @@ var T = [
 				severity: h.trailingAction.severity ?? "secondary",
 				"leading-icon": h.trailingAction.icon,
 				loading: h.trailingAction.loading,
-				disabled: t.disabled || h.trailingAction.disabled,
+				disabled: e.disabled || h.trailingAction.disabled,
 				title: h.trailingAction.title ?? h.trailingAction.label,
 				"aria-label": h.trailingAction.label,
-				onClick: n[3] ||= (e) => I("trailing-action", e)
+				onClick: t[3] ||= (e) => I("trailing-action", e)
 			}, null, 8, [
 				"density",
 				"severity",

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

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