@pgcorp/ui-kit 0.13.0 → 0.15.0

package/dist/src/components/shared/containers/SSidebarGroup.vue_vue_type_script_setup_true_lang.js

@@ -202,9 +202,15 @@ var b = /*@__PURE__*/ l({
 		}
 		function q(e, t) {
 			if (K(e, t), A !== null) throw Error(`SSidebarGroup: resize '${A.topKey}'/'${A.bottomKey}' is already active`);
+			let n = /* @__PURE__ */ new Map();
+			for (let e of F.value.filter((e) => e.state.isOpen)) {
+				let t = E.get(e.key) ?? Math.max(e.state.minSize, M(e.element, `sections.${e.key}`));
+				n.set(e.key, t), E.set(e.key, t);
+			}
 			A = Object.freeze({
 				topKey: e,
-				bottomKey: t
+				bottomKey: t,
+				sizes: n
 			}), k.value += 1;
 		}
 		function J(e, n, r) {
@@ -223,20 +229,35 @@ var b = /*@__PURE__*/ l({
 				E.set(e.key, t - n), f -= n;
 			}
 			let p = E.get(u.key) ?? M(u.element, `sections.${u.key}`);
-			E.set(u.key, p + d), k.value += 1;
-			let m = i.filter((e) => e.state.size !== null).map((e) => ({
+			E.set(u.key, p + d), k.value += 1, A === null && Y(i);
+		}
+		function Y(e) {
+			let t = e.filter((e) => e.state.size !== null).map((e) => ({
 				key: e.key,
 				state: {
 					...e.state,
 					size: E.get(e.key)
 				}
 			}));
-			m.length > 0 && L(m);
+			t.length > 0 && L(t);
 		}
-		function Y(e, t) {
+		function X(e, t) {
 			if (A === null) throw Error("SSidebarGroup: cannot finish a resize that is not active");
 			if (A.topKey !== e || A.bottomKey !== t) throw Error("SSidebarGroup: resize end does not match the active section pair");
-			A = null, R();
+			let n = [...A.sizes].some(([e, t]) => E.get(e) !== t);
+			A = null, n && Y(F.value.filter((e) => e.state.isOpen)), R();
+		}
+		function Z(e) {
+			A = null;
+			for (let [t, n] of e.sizes) E.set(t, n);
+			k.value += 1, R();
+		}
+		function Q(e, t) {
+			if (O) {
+				if (A === null) throw Error("SSidebarGroup: cannot cancel a resize that is not active");
+				if (A.topKey !== e || A.bottomKey !== t) throw Error("SSidebarGroup: resize cancellation does not match the active section pair");
+				Z(A);
+			}
 		}
 		return m(o, {
 			sectionsState: s(j),
@@ -248,7 +269,8 @@ var b = /*@__PURE__*/ l({
 			getSectionSize: G,
 			beginResize: q,
 			resizeSections: J,
-			finishResize: Y
+			finishResize: X,
+			cancelResize: Q
 		}), y(() => x.sectionsState, () => {
 			j(), R();
 		}, {
@@ -260,7 +282,7 @@ var b = /*@__PURE__*/ l({
 			if (!e) throw Error("SSidebarGroup: group element is unavailable during mount");
 			D = new ResizeObserver(R), D.observe(e), R();
 		}), d(() => {
-			O = !1, k.value += 1, A = null, D?.disconnect(), D = null, T.value = Object.freeze([]);
+			O = !1, k.value += 1, A !== null && Z(A), D?.disconnect(), D = null, T.value = Object.freeze([]);
 		}), (e, t) => (p(), c("div", u(v(C).bindings(), {
 			ref_key: "groupRef",
 			ref: w,

package/dist/src/components/shared/containers/SSidebarSection.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SSidebarSection.css_vue_type_style_index_0_src_96f51ac6_scoped_96f51ac6_lang.css";
+import "../../../../assets/src/components/shared/containers/SSidebarSection.css_vue_type_style_index_0_src_52396e42_scoped_52396e42_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SSidebarSection.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                             */
 //#region src/components/shared/containers/SSidebarSection.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-96f51ac6"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-52396e42"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/containers/SSidebarSection.vue_vue_type_script_setup_true_lang.js

@@ -36,96 +36,110 @@ var E = { class: "s-sidebar-section" }, D = { class: "s-sidebar-section-trigger"
 		if (!F) throw Error("SSidebarSection: component must be rendered inside SSidebarGroup");
 		let I = F;
 		if (A.stateKey.trim().length === 0) throw TypeError("SSidebarSection: stateKey must be a non-empty string");
-		let L = A.stateKey, R = `s-sidebar-section-${S()}-${A.stateKey.replace(/[^a-zA-Z0-9_-]/g, "-")}`, z = null, B = y(!1);
+		let L = A.stateKey, R = `s-sidebar-section-${S()}-${A.stateKey.replace(/[^a-zA-Z0-9_-]/g, "-")}`, z = null, B = null, V = y(!1);
 		_(() => {
 			let e = M.value;
 			if (!e) throw Error("SSidebarSection: section wrapper is unavailable during mount");
 			z = I.registerSection({
 				key: L,
 				element: e
-			}), B.value = !0;
+			}), V.value = !0;
 		}), g(() => {
-			B.value = !1, z?.(), z = null;
+			$(), V.value = !1, z?.(), z = null;
 		}), w(() => A.stateKey, (e) => {
 			if (e !== L) throw Error(`SSidebarSection: stateKey is immutable after setup; received '${L}' -> '${e}'`);
 		});
-		let V = o(() => {
+		let H = o(() => {
 			let e = I.orderedSections.value.findIndex((e) => e.key === L);
-			if (B.value && e < 0) throw Error(`SSidebarSection: registered section '${L}' is absent from group order`);
+			if (V.value && e < 0) throw Error(`SSidebarSection: registered section '${L}' is absent from group order`);
 			return e;
-		}), H = o(() => {
+		}), U = o(() => {
 			let e = I.sectionsState.value[L];
 			if (!e) throw Error(`SSidebarSection: sectionsState has no entry for stateKey '${L}'`);
 			return e.isOpen;
-		}), U = e({
+		}), W = e({
 			id: R,
-			open: H,
+			open: U,
 			disabled: () => A.disabled ?? !1,
 			onUpdate: () => I.toggleSection(L)
-		}), { triggerId: W, panelId: G } = U, K = o(() => I.getSectionStyle(L)), q = o(() => {
-			if (V.value <= 0 || !H.value) return !1;
+		}), { triggerId: G, panelId: K } = W, q = o(() => I.getSectionStyle(L)), J = o(() => {
+			if (H.value <= 0 || !U.value) return !1;
 			let e = I.orderedSections.value;
-			for (let t = V.value - 1; t >= 0; t--) if (e[t]?.state.isOpen) return !0;
+			for (let t = H.value - 1; t >= 0; t--) if (e[t]?.state.isOpen) return !0;
 			return !1;
-		}), J = o(() => {
-			for (let e = V.value - 1; e >= 0; e--) if (I.orderedSections.value[e]?.state.isOpen) return e;
+		}), Y = o(() => {
+			for (let e = H.value - 1; e >= 0; e--) if (I.orderedSections.value[e]?.state.isOpen) return e;
 			return -1;
 		});
-		function Y(e) {
+		function X(e) {
 			return Math.max(e.state.minSize, I.getSectionSize(e.key));
 		}
-		function X() {
-			if (J.value < 0 || V.value < 0) throw Error(`SSidebarSection: resize pair is unavailable for section '${L}'`);
-			let e = I.orderedSections.value, t = e[J.value], n = e[V.value];
+		function Z() {
+			if (Y.value < 0 || H.value < 0) throw Error(`SSidebarSection: resize pair is unavailable for section '${L}'`);
+			let e = I.orderedSections.value, t = e[Y.value], n = e[H.value];
 			if (!t || !n) throw Error(`SSidebarSection: resize pair indices are outside mounted group order for section '${L}'`);
 			return [t, n];
 		}
-		let Z = o(() => {
+		let Q = o(() => {
 			I.geometryRevision.value;
-			let [e, t] = X(), n = I.orderedSections.value.filter((e) => e.state.isOpen), r = n.findIndex((t) => t.key === e.key), i = n.slice(0, r + 1), a = n.slice(r + 1), o = i.reduce((e, t) => e + Y(t), 0), s = i.reduce((e, t) => e + t.state.minSize, 0), c = a.reduce((e, t) => e + t.state.minSize, 0), l = o + a.reduce((e, t) => e + Y(t), 0);
+			let [e, t] = Z(), n = I.orderedSections.value.filter((e) => e.state.isOpen), r = n.findIndex((t) => t.key === e.key), i = n.slice(0, r + 1), a = n.slice(r + 1), o = i.reduce((e, t) => e + X(t), 0), s = i.reduce((e, t) => e + t.state.minSize, 0), c = a.reduce((e, t) => e + t.state.minSize, 0), l = o + a.reduce((e, t) => e + X(t), 0);
 			return {
+				identity: JSON.stringify([e.key, t.key]),
 				value: o,
 				min: s,
 				max: Math.max(s, l - c),
 				testId: `sidebar-resize-${e.key}-${t.key}`
 			};
 		});
-		function Q() {
-			let [e, t] = X();
-			I.beginResize(e.key, t.key);
+		function ee() {
+			let [e, t] = Z();
+			I.beginResize(e.key, t.key), B = [e.key, t.key];
 		}
-		function $(e) {
-			let [t, n] = X();
+		function te(e) {
+			if (B !== null) {
+				I.resizeSections(B[0], B[1], e);
+				return;
+			}
+			let [t, n] = Z();
 			I.resizeSections(t.key, n.key, e);
 		}
-		function ee() {
-			let [e, t] = X();
-			I.finishResize(e.key, t.key);
+		function ne(e, t) {
+			if (t === void 0) return;
+			if (B === null) throw Error("SSidebarSection: resize completion has no active section pair");
+			let n = B;
+			B = null, I.finishResize(n[0], n[1]);
+		}
+		function $() {
+			let e = B;
+			e !== null && (B = null, I.cancelResize(e[0], e[1]));
 		}
 		return (e, t) => (v(), l("div", m(x(N).bindings(), {
 			ref_key: "sectionEl",
 			ref: M,
-			class: ["s-sidebar-section-wrapper", { "s-sidebar-section-wrapper--resizable-before": q.value }],
-			style: K.value
-		}), [q.value ? (v(), s(r, {
-			key: 0,
+			class: ["s-sidebar-section-wrapper", { "s-sidebar-section-wrapper--resizable-before": J.value }],
+			style: q.value
+		}), [J.value ? (v(), s(r, {
+			key: Q.value.identity,
 			orientation: "horizontal",
 			label: "Изменить высоту секций",
-			value: Z.value.value,
-			min: Z.value.min,
-			max: Z.value.max,
+			value: Q.value.value,
+			min: Q.value.min,
+			max: Q.value.max,
 			step: 10,
-			"data-test-id": Z.value.testId,
-			onResizeStart: Q,
-			onResize: $,
-			onResizeEnd: ee
+			disabled: f.disabled,
+			"data-test-id": Q.value.testId,
+			onResizeStart: ee,
+			onResize: te,
+			onResizeEnd: ne,
+			onResizeCancel: $
 		}, null, 8, [
 			"value",
 			"min",
 			"max",
+			"disabled",
 			"data-test-id"
 		])) : c("", !0), u("div", E, [u("div", { class: h(["s-sidebar-section-header", { "s-sidebar-section-header--mobile": f.layout === "mobile" }]) }, [u("div", D, [d(n, {
-			id: x(W),
+			id: x(G),
 			size: f.layout === "mobile" ? "xs" : "sm",
 			spacing: "tight",
 			"hover-surface": "parent",
@@ -137,11 +151,11 @@ var E = { class: "s-sidebar-section" }, D = { class: "s-sidebar-section-trigger"
 			"data-sidebar-section-toggle": "",
 			disabled: f.disabled,
 			disclosure: {
-				expanded: H.value,
-				controls: x(G),
+				expanded: U.value,
+				controls: x(K),
 				iconPlacement: "leading"
 			},
-			onClick: x(U).toggle
+			onClick: x(W).toggle
 		}, {
 			default: T(() => [d(i, {
 				title: f.summary,
@@ -167,10 +181,10 @@ var E = { class: "s-sidebar-section" }, D = { class: "s-sidebar-section-trigger"
 			"disabled",
 			"disclosure",
 			"onClick"
-		])]), P.value ? (v(), l("div", O, [b(e.$slots, "actions", {}, void 0, !0)])) : c("", !0)], 2), H.value ? (v(), l("div", {
+		])]), P.value ? (v(), l("div", O, [b(e.$slots, "actions", {}, void 0, !0)])) : c("", !0)], 2), U.value ? (v(), l("div", {
 			key: 0,
-			id: x(G),
-			"aria-labelledby": x(W),
+			id: x(K),
+			"aria-labelledby": x(G),
 			role: "region",
 			tabindex: "0",
 			class: "s-sidebar-section-content"

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

@@ -53,6 +53,7 @@ export type SButtonActionProps = SButtonPresentationProps & {
     to?: never;
     target?: never;
     rel?: never;
+    download?: never;
     type?: SButtonNativeType;
 };
 interface SButtonNavigationOptions {
@@ -63,10 +64,12 @@ export type SButtonNavigationProps = SButtonPresentationProps & SButtonNavigatio
     href: string;
     to?: never;
     type?: never;
+    download?: string | boolean;
 } | {
     href?: never;
     to: LinkRouterTarget;
     type?: never;
+    download?: never;
 });
 /** Strict action/navigation XOR with a shared button presentation. */
 export type Props = SButtonActionProps | SButtonNavigationProps;
@@ -78,20 +81,24 @@ declare const __VLS_base: import('vue').DefineComponent<SButtonActionProps | (SB
     href: string;
     to?: never;
     type?: never;
+    download?: string | boolean;
 }) | (SButtonPresentationProps & SButtonNavigationOptions & {
     href?: never;
     to: LinkRouterTarget;
     type?: never;
+    download?: never;
 }), SButtonApi, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<SButtonActionProps | (SButtonPresentationProps & SButtonNavigationOptions & {
     href: string;
     to?: never;
     type?: never;
+    download?: string | boolean;
 }) | (SButtonPresentationProps & SButtonNavigationOptions & {
     href?: never;
     to: LinkRouterTarget;
     type?: never;
+    download?: never;
 })> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -1,6 +1,6 @@
 import { ChevronRight as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
-import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { validateExactString as n } from "../../../internal/runtimeContract.js";
+import { validateExactString as t } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.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";
@@ -71,6 +71,10 @@ var D = {
 		to: {},
 		target: {},
 		rel: {},
+		download: {
+			type: [String, Boolean],
+			default: () => void 0
+		},
 		type: {}
 	},
 	emits: ["click"],
@@ -83,10 +87,10 @@ var D = {
 			"warn",
 			"danger",
 			"contrast"
-		], L = F, R = ee(), z = () => R.default?.() ?? [], B = b(null), V = t({
+		], L = F, R = ee(), z = () => R.default?.() ?? [], B = b(null), V = n({
 			component: "SButton",
 			owner: "native button"
-		}), H = u(() => r("SButton", "severity", _.severity, I)), U = u(() => n("SButton", "labelOverflow", _.labelOverflow, ["truncate", "wrap"])), W = c({
+		}), H = u(() => r("SButton", "severity", _.severity, I)), U = u(() => t("SButton", "labelOverflow", _.labelOverflow, ["truncate", "wrap"])), W = c({
 			owner: "SButton",
 			element: B,
 			disabled: () => _.disabled || _.loading
@@ -95,13 +99,14 @@ var D = {
 		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 (!e && !t && _.download === void 0) return null;
 			if (_.type !== void 0) throw TypeError("SButton: navigation target несовместим с native button type");
 			return s({
 				href: _.href,
 				to: _.to,
 				target: _.target,
 				rel: _.rel,
+				download: _.download,
 				owner: "SButton"
 			});
 		}), K = u(() => _.disabled || _.loading), q = u(() => {
@@ -122,6 +127,7 @@ var D = {
 			} : K.value ? {
 				...n,
 				"aria-disabled": !0,
+				role: "link",
 				tabindex: -1
 			} : {
 				...n,

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

@@ -9,6 +9,8 @@ export interface Props {
     errorMessage?: string;
     id?: string;
     indeterminate?: boolean;
+    /** Inline phrasing markup for checkboxes embedded in document text. */
+    presentation?: 'field' | 'inline';
 }
 declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
@@ -24,6 +26,7 @@ declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {},
     disabled: boolean;
     indeterminate: boolean;
     readonly: boolean;
+    presentation: "field" | "inline";
     helpText: string;
     errorMessage: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -1,11 +1,12 @@
 import { Check as e, Minus as t } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
-import { mergeIdReferences as n, useOwnedAttrs as r } from "../../../internal/ownedAttrs.js";
-import { useInteractiveLeafRegistration as i } from "../../../internal/passiveContentContract.js";
-import { useBinaryInput as a } from "../../../internal/useBinaryInput.js";
-import o from "./SField.vue.js";
-import { createBlock as s, createElementVNode as c, defineComponent as l, mergeProps as u, openBlock as d, resolveDynamicComponent as f, unref as p, withCtx as m, withModifiers as h } from "vue";
+import { validateExactString as n } from "../../../internal/runtimeContract.js";
+import { mergeIdReferences as r, useOwnedAttrs as i } from "../../../internal/ownedAttrs.js";
+import { useInteractiveLeafRegistration as a } from "../../../internal/passiveContentContract.js";
+import { useBinaryInput as o } from "../../../internal/useBinaryInput.js";
+import s from "./SField.vue.js";
+import { computed as c, createBlock as l, createElementVNode as u, defineComponent as d, mergeProps as f, openBlock as p, resolveDynamicComponent as m, unref as h, withCtx as g, withModifiers as _ } from "vue";
 //#region src/components/shared/controls/SCheckbox.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "s-checkbox-control" }, _ = [
+var v = ["data-presentation"], y = [
 	"id",
 	"checked",
 	"disabled",
@@ -13,7 +14,10 @@ var g = { class: "s-checkbox-control" }, _ = [
 	"aria-invalid",
 	"aria-readonly",
 	"aria-describedby"
-], v = { class: "s-checkbox-box" }, y = /*@__PURE__*/ l({
+], b = {
+	class: "s-checkbox-box",
+	"aria-hidden": "true"
+}, x = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "SCheckbox",
 	props: {
@@ -41,53 +45,58 @@ var g = { class: "s-checkbox-control" }, _ = [
 		indeterminate: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		presentation: { default: "field" }
 	},
 	emits: ["update:modelValue", "click"],
-	setup(l, { emit: y }) {
-		let b = l, x = y, S = r({
+	setup(d, { emit: x }) {
+		let S = d, C = x, w = i({
 			component: "SCheckbox",
 			owner: "native checkbox input"
-		});
-		i({ owner: "SCheckbox" });
-		let { checkedValue: C, inputId: w, onChange: T, onClick: E, setInputElement: D } = a({
+		}), T = c(() => n("SCheckbox", "presentation", S.presentation, ["field", "inline"]));
+		a({ owner: "SCheckbox" });
+		let { checkedValue: E, inputId: D, onChange: O, onClick: k, setInputElement: A } = o({
 			owner: "SCheckbox",
 			inputName: "checkbox",
-			props: b,
-			indeterminate: () => b.indeterminate,
-			emitUpdate: (e) => x("update:modelValue", e),
-			emitClick: (e) => x("click", e)
-		});
-		return (r, i) => (d(), s(o, {
-			"control-id": p(w),
-			label: l.label,
-			required: l.required,
-			"help-text": l.helpText,
-			"error-message": l.errorMessage,
-			invalid: l.invalid,
-			disabled: l.disabled,
-			readonly: l.readonly,
-			layout: "inline"
+			props: S,
+			indeterminate: () => S.indeterminate,
+			emitUpdate: (e) => C("update:modelValue", e),
+			emitClick: (e) => C("click", e)
+		}), j = c(() => S.indeterminate && !E.value);
+		return (n, i) => (p(), l(s, {
+			"control-id": h(D),
+			label: d.label,
+			required: d.required,
+			"help-text": d.helpText,
+			"error-message": d.errorMessage,
+			invalid: d.invalid,
+			disabled: d.disabled,
+			readonly: d.readonly,
+			layout: "inline",
+			"content-flow": T.value === "inline" ? "phrasing" : "flow"
 		}, {
-			default: m((r) => [c("span", g, [c("input", u({ ref: p(D) }, p(S).bindings(), {
-				id: r.controlId,
+			default: g((n) => [u("span", {
+				class: "s-checkbox-control",
+				"data-presentation": T.value
+			}, [u("input", f({ ref: h(A) }, h(w).bindings(), {
+				id: n.controlId,
 				type: "checkbox",
 				class: "s-checkbox-input",
-				checked: p(C),
-				disabled: r.disabled,
-				required: r.required,
-				"aria-invalid": r.invalid || void 0,
-				"aria-readonly": r.readonly || void 0,
-				"aria-describedby": p(n)(p(S).string("aria-describedby"), r.describedBy),
-				onClick: i[0] ||= h((...e) => p(E) && p(E)(...e), ["stop"]),
-				onChange: i[1] ||= (...e) => p(T) && p(T)(...e)
-			}), null, 16, _), c("span", v, [(d(), s(f(l.indeterminate ? p(t) : p(e)), {
+				checked: h(E),
+				disabled: n.disabled,
+				required: n.required,
+				"aria-invalid": n.invalid || void 0,
+				"aria-readonly": n.readonly || void 0,
+				"aria-describedby": h(r)(h(w).string("aria-describedby"), n.describedBy),
+				onClick: i[0] ||= _((...e) => h(k) && h(k)(...e), ["stop"]),
+				onChange: i[1] ||= (...e) => h(O) && h(O)(...e)
+			}), null, 16, y), u("span", b, [(p(), l(m(j.value ? h(t) : h(e)), {
 				class: "s-checkbox-check",
 				"aria-hidden": "true",
-				"data-sputnig-ui-icon": l.indeterminate ? "minus" : "check",
+				"data-sputnig-ui-icon": j.value ? "minus" : "check",
 				"data-sputnig-ui-icon-color-mode": "auto",
 				"data-sputnig-ui-icon-set": "classic"
-			}, null, 8, ["data-sputnig-ui-icon"]))])])]),
+			}, null, 8, ["data-sputnig-ui-icon"]))])], 8, v)]),
 			_: 1
 		}, 8, [
 			"control-id",
@@ -97,9 +106,10 @@ var g = { class: "s-checkbox-control" }, _ = [
 			"error-message",
 			"invalid",
 			"disabled",
-			"readonly"
+			"readonly",
+			"content-flow"
 		]));
 	}
 });
 //#endregion
-export { y as default };
+export { x as default };

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

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateDomId as t, validateNonEmptyString as n } from "../../../internal/runtimeContract.js";
+import { validateDomId as e, validateNonEmptyString as t } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import { selectionKeyToken as r, validateSelectionIdentities as i } from "../_internal/useSelectionRoving.js";
 import a from "./SCheckbox.vue.js";
 import o from "./SFieldGroup.vue.js";
@@ -36,15 +36,15 @@ var v = /*@__PURE__*/ d({
 	},
 	emits: ["update:modelValue"],
 	setup(d, { emit: v }) {
-		let y = d, b = v, x = e({
+		let y = d, b = v, x = n({
 			component: "SCheckboxGroup",
 			owner: "field group"
-		}), S = g(), C = c(() => t("SCheckboxGroup", "id", y.id ?? `s-checkbox-group-${S}`)), w = c(() => (i("SCheckboxGroup", y.options.map((e, t) => ({
+		}), S = g(), C = c(() => e("SCheckboxGroup", "id", y.id ?? `s-checkbox-group-${S}`)), w = c(() => (i("SCheckboxGroup", y.options.map((e, t) => ({
 			key: e.value,
 			coordinate: `options[${t}].value`
-		}))), y.options.map((e, t) => {
-			n("SCheckboxGroup", `options[${t}].label`, e.label);
-			let i = r("SCheckboxGroup", e.value, `options[${t}].value`);
+		}))), y.options.map((e, n) => {
+			t("SCheckboxGroup", `options[${n}].label`, e.label);
+			let i = r("SCheckboxGroup", e.value, `options[${n}].value`);
 			return {
 				option: e,
 				token: i,

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

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateExactString as t } from "../../../internal/runtimeContract.js";
+import { validateExactString as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
 import { useInteractiveLeafRegistration as n } from "../../../internal/passiveContentContract.js";
 import r from "./SFieldGroup.vue.js";
 import { useRadioGroup as i } from "../_internal/useRadioGroup.js";
@@ -56,12 +56,12 @@ var b = [
 	},
 	emits: ["update:modelValue"],
 	setup(f, { emit: E }) {
-		let D = f, O = E, k = e({
+		let D = f, O = E, k = t({
 			component: "SChoiceCards",
 			owner: "field group"
 		});
 		n({ owner: "SChoiceCards" });
-		let A = o(() => t("SChoiceCards", "appearance", D.appearance, ["cards", "rows"])), j = i({
+		let A = o(() => e("SChoiceCards", "appearance", D.appearance, ["cards", "rows"])), j = i({
 			options: o(() => D.options),
 			selectedValue: o(() => D.modelValue),
 			disabled: o(() => D.disabled),

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

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateNonEmptyString as t } from "../../../internal/runtimeContract.js";
+import { validateNonEmptyString as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
 import n from "./SSelect.vue.js";
 import { computed as r, createBlock as i, defineComponent as a, mergeProps as o, openBlock as s, unref as c } from "vue";
 //#region src/components/shared/controls/SColorSelect.vue?vue&type=script&setup=true&lang.ts
@@ -21,7 +21,7 @@ var l = /*@__PURE__*/ a({
 	},
 	emits: ["update:modelValue"],
 	setup(a, { emit: l }) {
-		let u = a, d = l, f = e({
+		let u = a, d = l, f = t({
 			component: "SColorSelect",
 			owner: "combobox trigger"
 		}), p = /* @__PURE__ */ new Set([
@@ -53,10 +53,10 @@ var l = /*@__PURE__*/ a({
 				};
 			});
 		}), h = r(() => {
-			let e = t("SColorSelect", "modelValue", u.modelValue), n = m.value.find((t) => t.value === e);
+			let t = e("SColorSelect", "modelValue", u.modelValue), n = m.value.find((e) => e.value === t);
 			if (n !== void 0) return n;
-			throw Error(`SColorSelect: modelValue ${JSON.stringify(e)} отсутствует в options inventory. / SColorSelect: modelValue ${JSON.stringify(e)} is absent from the options inventory.`);
-		}), g = r(() => h.value.marker), _ = r(() => u.title === void 0 ? void 0 : t("SColorSelect", "title", u.title)), v = r(() => u.ariaLabel === void 0 ? _.value === void 0 ? t("SColorSelect", "selectedOption.label", h.value.label) : _.value : t("SColorSelect", "ariaLabel", u.ariaLabel)), y = (e) => {
+			throw Error(`SColorSelect: modelValue ${JSON.stringify(t)} отсутствует в options inventory. / SColorSelect: modelValue ${JSON.stringify(t)} is absent from the options inventory.`);
+		}), g = r(() => h.value.marker), _ = r(() => u.title === void 0 ? void 0 : e("SColorSelect", "title", u.title)), v = r(() => u.ariaLabel === void 0 ? _.value === void 0 ? e("SColorSelect", "selectedOption.label", h.value.label) : _.value : e("SColorSelect", "ariaLabel", u.ariaLabel)), y = (e) => {
 			if (typeof e != "string") throw TypeError("SColorSelect: SSelect update должен быть строковым ключом цвета. / SColorSelect: SSelect update must be a string color key");
 			d("update:modelValue", e);
 		};

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

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