@pgcorp/ui-kit 0.12.0 → 0.14.0

package/dist/src/components/shared/controls/_internal/SInlineTokenSurface.vue_vue_type_script_lang.js

@@ -1,16 +1,16 @@
 import { X as e } from "../../../icons/_internal/generatedSputnigUiIconComponents.js";
-import { useUiKitLocale as t } from "../../../../composables/useUiKitLocale.js";
-import { validateBoundedInteger as n } from "../../../../internal/runtimeContract.js";
+import { validateBoundedInteger as t } from "../../../../internal/runtimeContract.js";
+import { useUiKitLocale as n } from "../../../../composables/useUiKitLocale.js";
 import { useInteractiveLeafRegistration as r } from "../../../../internal/passiveContentContract.js";
 import i from "../SButton.vue.js";
 import { computed as a, createTextVNode as o, defineComponent as s, h as c } from "vue";
 //#region src/components/shared/controls/_internal/SInlineTokenSurface.vue?vue&type=script&lang.ts
 var l = i;
-function u(e, t, r) {
-	let i = n("SInlineTokenEditor", "rows", e, {
+function u(e, n, r) {
+	let i = t("SInlineTokenEditor", "rows", e, {
 		minimum: 1,
 		maximum: 100
-	}), a = n("SInlineTokenEditor", "maxRows", t, {
+	}), a = t("SInlineTokenEditor", "maxRows", n, {
 		minimum: 0,
 		maximum: 100
 	});
@@ -108,20 +108,20 @@ var d = s({
 		paste: (e) => !0,
 		tokenAction: (e) => (e.action === "open" || e.action === "remove") && typeof e.occurrenceId == "string" && e.occurrenceId.length > 0 && typeof e.id == "string" && e.id.length > 0
 	},
-	setup(n, { emit: i }) {
-		let { t: s } = t();
+	setup(t, { emit: i }) {
+		let { t: s } = n();
 		r({
 			owner: "SInlineTokenEditor",
-			active: () => !n.disabled
+			active: () => !t.disabled
 		});
-		let d = a(() => u(n.rows, n.maxRows, n.appearance)), f = (e) => e.stopPropagation(), p = (e, t, n) => {
+		let d = a(() => u(t.rows, t.maxRows, t.appearance)), f = (e) => e.stopPropagation(), p = (e, t, n) => {
 			e.stopPropagation(), i("tokenAction", {
 				action: t,
 				occurrenceId: n.occurrenceId,
 				id: n.id
 			});
-		}, m = (t, r) => {
-			let i = t === "open" ? {
+		}, m = (n, r) => {
+			let i = n === "open" ? {
 				label: r.label,
 				"aria-label": s("forms.openToken", { label: r.title ?? r.label }),
 				...r.title === void 0 ? {} : { title: r.title },
@@ -129,8 +129,8 @@ var d = s({
 				width: "fit",
 				appearance: "text",
 				shape: "pill",
-				disabled: n.openDisabled,
-				onClick: (e) => p(e, t, r),
+				disabled: t.openDisabled,
+				onClick: (e) => p(e, n, r),
 				onKeydown: f
 			} : {
 				leadingIcon: e,
@@ -139,46 +139,46 @@ var d = s({
 				appearance: "ghost",
 				shape: "circle",
 				iconOnly: !0,
-				disabled: n.removeDisabled,
-				onClick: (e) => p(e, t, r),
+				disabled: t.removeDisabled,
+				onClick: (e) => p(e, n, r),
 				onKeydown: f
 			};
 			return c(l, {
 				...i,
-				key: t
+				key: n
 			});
 		};
 		return () => c("div", {
-			...n.ownedAttributes,
-			...n.fieldBindings,
-			id: n.id,
-			ref: n.elementRef,
+			...t.ownedAttributes,
+			...t.fieldBindings,
+			id: t.id,
+			ref: t.elementRef,
 			class: "s-inline-token-editor",
-			"data-appearance": n.appearance,
-			"data-invalid": n.invalid || void 0,
-			"data-disabled": n.disabled || void 0,
-			"data-readonly": n.readonly || void 0,
-			"data-placeholder": n.placeholder,
-			"data-placeholder-visible": n.placeholderVisible ? "true" : "false",
+			"data-appearance": t.appearance,
+			"data-invalid": t.invalid || void 0,
+			"data-disabled": t.disabled || void 0,
+			"data-readonly": t.readonly || void 0,
+			"data-placeholder": t.placeholder,
+			"data-placeholder-visible": t.placeholderVisible ? "true" : "false",
 			"data-component": "s-inline-token-editor",
 			style: d.value,
 			role: "textbox",
 			"aria-multiline": "true",
-			contenteditable: n.disabled || n.readonly ? "false" : "true",
-			tabindex: n.disabled ? -1 : 0,
-			"aria-disabled": n.disabled || void 0,
-			"aria-invalid": n.invalid || void 0,
-			"aria-required": n.required || void 0,
-			"aria-readonly": n.readonly || void 0,
-			"aria-labelledby": n.labelledBy,
-			"aria-describedby": n.describedBy,
+			contenteditable: t.disabled || t.readonly ? "false" : "true",
+			tabindex: t.disabled ? -1 : 0,
+			"aria-disabled": t.disabled || void 0,
+			"aria-invalid": t.invalid || void 0,
+			"aria-required": t.required || void 0,
+			"aria-readonly": t.readonly || void 0,
+			"aria-labelledby": t.labelledBy,
+			"aria-describedby": t.describedBy,
 			onBeforeinput: (e) => i("beforeinput", e),
 			onInput: (e) => i("input", e),
 			onKeydown: (e) => i("keydown", e),
 			onKeyup: (e) => i("keyup", e),
 			onClick: (e) => i("click", e),
 			onPaste: (e) => i("paste", e)
-		}, [...n.segments.map((e) => e.kind === "text" ? o(e.text) : c("span", {
+		}, [...t.segments.map((e) => e.kind === "text" ? o(e.text) : c("span", {
 			key: `token:${e.occurrenceId}`,
 			class: "s-inline-token-editor__token",
 			"data-testid": "s-inline-token-editor-token",
@@ -188,7 +188,7 @@ var d = s({
 			"data-segment-label": e.label,
 			"data-segment-title": e.title,
 			contenteditable: "false"
-		}, [m("open", e), m("remove", e)])), ...n.trailingCaretHelper ? [o("​")] : []]);
+		}, [m("open", e), m("remove", e)])), ...t.trailingCaretHelper ? [o("​")] : []]);
 	}
 });
 //#endregion

package/dist/src/components/shared/controls/menu.d.ts

@@ -9,6 +9,7 @@ interface SMenuLabelledEntry {
     readonly label: string;
     readonly icon?: Component;
     readonly disabled?: boolean;
+    readonly description?: string;
     readonly shortcut?: string;
     readonly badge?: string | number;
     readonly badgeSeverity?: BadgeSeverity;
@@ -44,9 +45,16 @@ export interface SMenuSeparatorEntry {
     readonly kind: 'separator';
     readonly id: string;
 }
+/** Видимая и семантическая группа menu items без дополнительного focus owner. / A visible semantic menu-item group without another focus owner. */
+export interface SMenuGroupEntry {
+    readonly kind: 'group';
+    readonly id: string;
+    readonly label: string;
+    readonly children: readonly SMenuInteractiveEntry[];
+}
 export type SMenuSelectableEntry = SMenuAction | SMenuDestination | SMenuCheckbox | SMenuRadio;
 export type SMenuInteractiveEntry = SMenuSelectableEntry | SMenuSubmenu;
-export type SMenuEntry = SMenuInteractiveEntry | SMenuSeparatorEntry;
+export type SMenuEntry = SMenuInteractiveEntry | SMenuSeparatorEntry | SMenuGroupEntry;
 /** Проверяет полный recursive discriminated menu contract без coercion/fallback. / Validates the complete recursive discriminated menu contract without coercion/fallback. */
 export declare function validateSMenuEntries(value: unknown): asserts value is readonly SMenuEntry[];
 export {};

package/dist/src/components/shared/controls/menu.js

@@ -7,7 +7,8 @@ var i = [
 	"checkbox",
 	"radio",
 	"separator",
-	"submenu"
+	"submenu",
+	"group"
 ], a = ["row", "tile"], o = [
 	"secondary",
 	"success",
@@ -21,6 +22,7 @@ var i = [
 	"label",
 	"icon",
 	"disabled",
+	"description",
 	"shortcut",
 	"badge",
 	"badgeSeverity",
@@ -37,7 +39,8 @@ var i = [
 	checkbox: ["checked"],
 	radio: ["groupId", "checked"],
 	separator: [],
-	submenu: ["children"]
+	submenu: ["children"],
+	group: ["children"]
 };
 function l(e, t) {
 	if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError(`SMenuSurface: ${t} must be an object`);
@@ -49,43 +52,55 @@ function d(e, t, r) {
 	e[t] !== void 0 && n("SMenuSurface", `${r}.${t}`, e[t]);
 }
 function f(e, r) {
-	if (n("SMenuSurface", `${r}.id`, e.id), n("SMenuSurface", `${r}.label`, e.label), u(e, "disabled", r), d(e, "shortcut", r), e.icon !== void 0 && typeof e.icon != "object" && typeof e.icon != "function") throw TypeError(`SMenuSurface: ${r}.icon must be a Vue component`);
+	if (n("SMenuSurface", `${r}.id`, e.id), n("SMenuSurface", `${r}.label`, e.label), u(e, "disabled", r), d(e, "description", r), d(e, "shortcut", r), e.icon !== void 0 && typeof e.icon != "object" && typeof e.icon != "function") throw TypeError(`SMenuSurface: ${r}.icon must be a Vue component`);
 	if (e.badge !== void 0 && (typeof e.badge != "string" || e.badge.length === 0) && (typeof e.badge != "number" || !Number.isFinite(e.badge))) throw TypeError(`SMenuSurface: ${r}.badge must be a non-empty string or finite number`);
 	e.badgeSeverity !== void 0 && t("SMenuSurface", `${r}.badgeSeverity`, e.badgeSeverity, o), e.layout !== void 0 && t("SMenuSurface", `${r}.layout`, e.layout, a);
 }
 function p(e, t, n) {
-	let r = new Set(t === "separator" ? ["kind", "id"] : [...s, ...c[t]]);
+	let r = new Set(t === "separator" ? ["kind", "id"] : t === "group" ? [
+		"kind",
+		"id",
+		"label",
+		"children"
+	] : [...s, ...c[t]]);
 	for (let t of Object.keys(e)) if (!r.has(t)) throw TypeError(`SMenuSurface: ${n} has unsupported field '${t}'`);
 }
-function m(a, o, s) {
+function m(a, o, s, c = !0) {
 	if (!Array.isArray(a)) throw TypeError(`SMenuSurface: ${o} must be an array`);
 	if (o !== "items" && a.length === 0) throw TypeError(`SMenuSurface: ${o} children must be a non-empty array`);
-	let c = /* @__PURE__ */ new Set(), d = !1;
-	for (let [h, g] of a.entries()) {
-		let _ = `${o}[${h}]`;
-		l(g, _);
-		let v = t("SMenuSurface", `${_}.kind`, g.kind, i);
-		p(g, v, _);
-		let y = n("SMenuSurface", `${_}.id`, g.id);
-		if (s.has(y)) throw TypeError(`SMenuSurface: duplicate entry id '${y}'`);
-		if (s.add(y), v === "separator") {
-			if (h === 0 || h === a.length - 1 || d) throw TypeError("SMenuSurface: separator cannot be first, last, or consecutive");
-			d = !0;
+	let d = /* @__PURE__ */ new Set(), h = !1;
+	for (let [g, _] of a.entries()) {
+		let v = `${o}[${g}]`;
+		l(_, v);
+		let y = t("SMenuSurface", `${v}.kind`, _.kind, i);
+		p(_, y, v);
+		let b = n("SMenuSurface", `${v}.id`, _.id);
+		if (s.has(b)) throw TypeError(`SMenuSurface: duplicate entry id '${b}'`);
+		if (s.add(b), y === "separator") {
+			if (!c) throw TypeError(`SMenuSurface: ${v} separator is not allowed inside a group`);
+			if (g === 0 || g === a.length - 1 || h) throw TypeError("SMenuSurface: separator cannot be first, last, or consecutive");
+			h = !0;
 			continue;
 		}
-		if (d = !1, f(g, _), (v === "action" || v === "destination") && u(g, "current", _), v === "destination" && r({
-			owner: `SMenuSurface: ${_}`,
-			href: g.href,
-			to: g.to,
-			target: g.target,
-			rel: g.rel
-		}), v === "checkbox" && g.checked !== "mixed" && typeof g.checked != "boolean") throw TypeError(`SMenuSurface: ${_}.checked must be a boolean or "mixed"`);
-		if (v === "radio") {
-			let t = n("SMenuSurface", `${_}.groupId`, g.groupId), r = e("SMenuSurface", `${_}.checked`, g.checked);
-			if (r && c.has(t)) throw TypeError(`SMenuSurface: radio group '${t}' has more than one checked entry`);
-			r && c.add(t);
+		if (y === "group") {
+			if (!c) throw TypeError(`SMenuSurface: ${v} nested group is not allowed`);
+			if (n("SMenuSurface", `${v}.label`, _.label), !Array.isArray(_.children) || _.children.length === 0) throw TypeError(`SMenuSurface: ${v}.children must be a non-empty array`);
+			m(_.children, `${v}.children`, s, !1), h = !1;
+			continue;
+		}
+		if (h = !1, f(_, v), (y === "action" || y === "destination") && u(_, "current", v), y === "destination" && r({
+			owner: `SMenuSurface: ${v}`,
+			href: _.href,
+			to: _.to,
+			target: _.target,
+			rel: _.rel
+		}), y === "checkbox" && _.checked !== "mixed" && typeof _.checked != "boolean") throw TypeError(`SMenuSurface: ${v}.checked must be a boolean or "mixed"`);
+		if (y === "radio") {
+			let t = n("SMenuSurface", `${v}.groupId`, _.groupId), r = e("SMenuSurface", `${v}.checked`, _.checked);
+			if (r && d.has(t)) throw TypeError(`SMenuSurface: radio group '${t}' has more than one checked entry`);
+			r && d.add(t);
 		}
-		v === "submenu" && m(g.children, `${_}.children`, s);
+		y === "submenu" && m(_.children, `${v}.children`, s);
 	}
 }
 function h(e) {

package/dist/src/components/shared/data-display/SActionList.vue.d.ts

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    maxHeight: ScrollableViewportMaxBlockSize;
     surface: "bordered" | "plain";
+    maxHeight: ScrollableViewportMaxBlockSize;
 }, {}, {}, {}, 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/data-display/SActionListItem.vue.d.ts

@@ -47,19 +47,19 @@ type __VLS_Slots = {
     actions?: (props: ActionListItemActionsSlotProps) => VNodeChild;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    action: (event: MouseEvent) => any;
     activate: (event: MouseEvent) => any;
+    action: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onAction?: ((event: MouseEvent) => any) | undefined;
     onActivate?: ((event: MouseEvent) => any) | undefined;
+    onAction?: ((event: MouseEvent) => any) | undefined;
 }>, {
     selected: boolean;
     icon: Component;
     tone: InteractiveSurfaceTone;
+    description: string | null;
+    detail: string | null;
     trailingIcon: Component;
     density: InteractiveSurfaceDensity;
-    detail: string | null;
-    description: string | null;
     surface: InteractiveSurfaceContract;
     titleTooltip: string;
     indentLevel: number;

package/dist/src/components/shared/data-display/SActionListItem.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateBoundedInteger as t, validateNonEmptyString as n } from "../../../internal/runtimeContract.js";
+import { validateBoundedInteger as e, validateNonEmptyString 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 "./SBadge.vue.js";
 import a from "../controls/SButton.vue.js";
@@ -69,10 +69,10 @@ var E = [
 	},
 	emits: ["activate", "action"],
 	setup(g, { emit: N }) {
-		let P = g, F = N, I = w(), L = c(() => t("SActionListItem", "indentLevel", P.indentLevel, {
+		let P = g, F = N, I = w(), L = c(() => e("SActionListItem", "indentLevel", P.indentLevel, {
 			minimum: 0,
 			maximum: 8
-		})), R = c(() => ({ "--s-action-list-item-indent": `${L.value * .875}rem` })), z = e({
+		})), R = c(() => ({ "--s-action-list-item-indent": `${L.value * .875}rem` })), z = n({
 			component: "SActionListItem",
 			owner: "action list item root"
 		}), B = c(() => r("SActionListItem", "tone", P.tone, [
@@ -86,8 +86,8 @@ var E = [
 		}), U = c(() => {
 			if (!Array.isArray(P.badges)) throw TypeError("SActionListItem: badges должен быть массивом. / SActionListItem: badges must be an array.");
 			let e = /* @__PURE__ */ new Set();
-			for (let [t, r] of P.badges.entries()) {
-				let i = r, a = n("SActionListItem", `badges[${t}].id`, typeof i == "object" && i && !Array.isArray(i) ? i.id : void 0);
+			for (let [n, r] of P.badges.entries()) {
+				let i = r, a = t("SActionListItem", `badges[${n}].id`, typeof i == "object" && i && !Array.isArray(i) ? i.id : void 0);
 				if (e.has(a)) throw TypeError(`SActionListItem: badges должен содержать уникальные id; дублируется ${JSON.stringify(a)}. / SActionListItem: badges must contain unique ids; duplicate ${JSON.stringify(a)}.`);
 				e.add(a);
 			}

package/dist/src/components/shared/data-display/SBadge.vue.d.ts

@@ -16,8 +16,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     size: PillSurfaceSize;
-    maxWidth: PillSurfaceMaxWidth;
     severity: BadgeSeverity;
+    maxWidth: PillSurfaceMaxWidth;
     iconMotion: PillSurfaceIconMotion;
     dot: boolean;
     truncate: boolean;