@pgcorp/ui-kit 0.10.0 → 0.10.1

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

@@ -0,0 +1,115 @@
+import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import n from "../complex/STree.vue.js";
+import { appendJsonPointer as r, assertJsonValue as i } from "./json.js";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, ref as p, toDisplayString as m, unref as h, watch as g, withCtx as _ } from "vue";
+//#region src/components/shared/data-display/SJsonTree.vue?vue&type=script&setup=true&lang.ts
+var v = ["data-json-pointer"], y = {
+	key: 0,
+	class: "s-json-tree__key"
+}, b = ["data-kind"], x = /*@__PURE__*/ u({
+	inheritAttrs: !1,
+	__name: "SJsonTree",
+	props: {
+		value: { type: [
+			String,
+			Number,
+			Boolean,
+			null,
+			Object,
+			Array
+		] },
+		initiallyCollapsed: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(u, { expose: x }) {
+		let S = u, { t: C } = e(), w = p(/* @__PURE__ */ new Set()), T = t({
+			component: "SJsonTree",
+			owner: "JSON tree root"
+		}), E = { mode: "none" }, D = {
+			key: (e) => e.id,
+			label: (e) => e.keyLabel === void 0 ? e.summary : e.keyLabel.length === 0 ? C("data.emptyKey") : e.keyLabel,
+			children: (e) => e.children,
+			disabled: () => !1,
+			icon: () => void 0,
+			multipleSelection: () => "disabled"
+		};
+		function O(e) {
+			return typeof e == "string" ? JSON.stringify(e) : e === null ? "null" : String(e);
+		}
+		function k(e) {
+			return `json-pointer:${e}`;
+		}
+		function A(e, t = "", n) {
+			if (Array.isArray(e)) return {
+				id: k(t),
+				pointer: t,
+				keyLabel: n,
+				summary: `Array [${e.length}]`,
+				kind: "array",
+				children: e.map((e, n) => A(e, r(t, String(n)), `[${n}]`))
+			};
+			if (typeof e == "object" && e) {
+				let i = Object.entries(e);
+				return {
+					id: k(t),
+					pointer: t,
+					keyLabel: n,
+					summary: `Object {${i.length}}`,
+					kind: "object",
+					children: i.map(([e, n]) => A(n, r(t, e), e))
+				};
+			}
+			return {
+				id: k(t),
+				pointer: t,
+				keyLabel: n,
+				summary: O(e),
+				kind: "scalar",
+				children: []
+			};
+		}
+		let j = a(() => (i(S.value, "SJsonTree.value"), A(S.value)));
+		function M(e, t) {
+			e.children.length !== 0 && (t.add(e.id), e.children.forEach((e) => M(e, t)));
+		}
+		function N() {
+			let e = /* @__PURE__ */ new Set();
+			M(j.value, e), w.value = e;
+		}
+		function P() {
+			w.value = /* @__PURE__ */ new Set();
+		}
+		return g(j, () => S.initiallyCollapsed ? P() : N(), { immediate: !0 }), x({
+			expandAll: N,
+			collapseAll: P
+		}), (e, t) => (f(), s("div", d(h(T).bindings(), { class: "s-json-tree" }), [l(n, {
+			label: h(C)("data.jsonStructure"),
+			nodes: [j.value],
+			model: D,
+			selection: E,
+			expanded: w.value,
+			density: "compact",
+			"actions-layout": "overlay",
+			"onUpdate:expanded": t[0] ||= (e) => w.value = new Set(e)
+		}, {
+			"col-left": _(() => [...t[1] ||= []]),
+			"col-center": _(({ node: e }) => [c("span", {
+				class: "s-json-tree__entry",
+				"data-json-pointer": e.pointer
+			}, [e.keyLabel === void 0 ? o("", !0) : (f(), s("span", y, m(JSON.stringify(e.keyLabel)) + ":", 1)), c("span", {
+				class: "s-json-tree__value",
+				"data-kind": e.kind
+			}, m(e.summary), 9, b)], 8, v)]),
+			_: 1
+		}, 8, [
+			"label",
+			"nodes",
+			"expanded"
+		])], 16));
+	}
+});
+//#endregion
+export { x as default };

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

@@ -0,0 +1,56 @@
+/** Устойчивый доменный ключ строки definition list. / Stable domain key of a definition-list row. */
+export type SKeyValueGridKey = string | number;
+/** Значение, которое компонент умеет представить без formatter. / Value the component can present without a formatter. */
+export type SKeyValueGridPrimitiveValue = string | number | boolean | null | undefined;
+/** Typed presentation-модель одной definition-list строки. / Typed presentation model of one definition-list row. */
+export interface SKeyValueGridItem<Value = SKeyValueGridPrimitiveValue> {
+    label: string;
+    value: Value;
+    valueMonospace?: boolean;
+}
+/**
+ * Generic API definition-list: identity задаёт обязательный resolver, форматирование не меняет raw value.
+ * Generic definition-list API: identity comes from the required resolver; formatting preserves the raw value.
+ */
+export interface SKeyValueGridProps<Item extends SKeyValueGridItem = SKeyValueGridItem, ItemKey extends SKeyValueGridKey = SKeyValueGridKey> {
+    items: readonly Item[];
+    getItemKey: (item: Item) => ItemKey;
+    formatValue?: (value: Item['value'], item: Item) => string;
+    emptyValueLabel?: string;
+    variant?: 'cards' | 'inline' | 'plain';
+    columns?: 1 | 2 | 3;
+    density?: 'comfortable' | 'compact';
+    valueAlign?: 'start' | 'end';
+    labelWidth?: 'narrow' | 'balanced' | 'wide';
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <Item extends SKeyValueGridItem, ItemKey extends SKeyValueGridKey>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<SKeyValueGridProps<Item, ItemKey>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        label?(props: {
+            item: Item;
+            itemKey: ItemKey;
+            index: number;
+        }): unknown;
+        value?(props: {
+            item: Item;
+            itemKey: ItemKey;
+            index: number;
+            value: Item["value"];
+            formattedValue: SKeyValueGridPrimitiveValue;
+        }): unknown;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/src/components/shared/data-display/SKeyValueGrid.vue.js

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

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

@@ -0,0 +1,121 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { validateBoolean as t, validateBoundedInteger as n, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g } from "vue";
+//#region src/components/shared/data-display/SKeyValueGrid.vue?vue&type=script&setup=true&lang.ts
+var _ = [
+	"data-variant",
+	"data-columns",
+	"data-density",
+	"data-value-align",
+	"data-label-width"
+], v = { class: "s-key-value-grid__label" }, y = ["data-monospace"], b = /*@__PURE__*/ u({
+	inheritAttrs: !1,
+	__name: "SKeyValueGrid",
+	props: {
+		items: {},
+		getItemKey: {},
+		formatValue: {
+			type: Function,
+			default: void 0
+		},
+		emptyValueLabel: { default: "—" },
+		variant: { default: "cards" },
+		columns: { default: 3 },
+		density: { default: "comfortable" },
+		valueAlign: { default: "start" },
+		labelWidth: { default: "narrow" }
+	},
+	setup(u) {
+		let b = u, x = [
+			"cards",
+			"inline",
+			"plain"
+		], S = ["comfortable", "compact"], C = ["start", "end"], w = [
+			"narrow",
+			"balanced",
+			"wide"
+		], T = e({
+			component: "SKeyValueGrid",
+			owner: "key-value definition list"
+		}), E = o(() => r("SKeyValueGrid", "variant", b.variant, x)), D = o(() => n("SKeyValueGrid", "columns", b.columns, {
+			minimum: 1,
+			maximum: 3
+		})), O = o(() => r("SKeyValueGrid", "density", b.density, S)), k = o(() => r("SKeyValueGrid", "valueAlign", b.valueAlign, C)), A = o(() => r("SKeyValueGrid", "labelWidth", b.labelWidth, w));
+		function j(e) {
+			return typeof e == "string" ? JSON.stringify(e) : String(e);
+		}
+		function M(e, t) {
+			if (typeof e == "string") {
+				if (e.trim().length > 0) return;
+				throw TypeError(`SKeyValueGrid: getItemKey вернул пустую строку для ${t}. / SKeyValueGrid: getItemKey returned an empty string for ${t}.`);
+			}
+			if (typeof e == "number") {
+				if (Number.isFinite(e)) return;
+				throw TypeError(`SKeyValueGrid: getItemKey вернул неконечное число для ${t}. / SKeyValueGrid: getItemKey returned a non-finite number for ${t}.`);
+			}
+			throw TypeError(`SKeyValueGrid: getItemKey вернул неподдерживаемый key ${typeof e} для ${t}. / SKeyValueGrid: getItemKey returned unsupported ${typeof e} key for ${t}.`);
+		}
+		function N(e, t) {
+			if (!(e == null || typeof e == "string" || typeof e == "boolean" || typeof e == "number" && Number.isFinite(e))) throw TypeError(`SKeyValueGrid: ${t} должен быть string | finite number | boolean | null | undefined или иметь formatValue. / SKeyValueGrid: ${t} must be string | finite number | boolean | null | undefined or provide formatValue.`);
+		}
+		function P(e, t) {
+			let n = `items[${t}]`;
+			if (b.formatValue !== void 0) {
+				if (typeof b.formatValue != "function") throw TypeError("SKeyValueGrid: formatValue должен быть function. / SKeyValueGrid: formatValue must be a function.");
+				let t = b.formatValue(e.value, e);
+				if (typeof t != "string") throw TypeError(`SKeyValueGrid: formatValue должен вернуть string для ${n}. / SKeyValueGrid: formatValue must return a string for ${n}.`);
+				return t;
+			}
+			return N(e.value, `${n}.value`), e.value ?? i("SKeyValueGrid", "emptyValueLabel", b.emptyValueLabel);
+		}
+		let F = o(() => {
+			if (!Array.isArray(b.items)) throw TypeError("SKeyValueGrid: items должен быть readonly array. / SKeyValueGrid: items must be a readonly array.");
+			if (typeof b.getItemKey != "function") throw TypeError("SKeyValueGrid: getItemKey должен быть обязательным function resolver. / SKeyValueGrid: getItemKey must be a required function resolver.");
+			let e = /* @__PURE__ */ new Map();
+			return b.items.map((n, r) => {
+				let a = `items[${r}]`;
+				if (typeof n != "object" || !n || Array.isArray(n)) throw TypeError(`SKeyValueGrid: ${a} должен быть object. / SKeyValueGrid: ${a} must be an object.`);
+				let o = n, s = i("SKeyValueGrid", `${a}.label`, o.label), c = b.getItemKey(o);
+				M(c, a);
+				let l = e.get(c);
+				if (l !== void 0) throw TypeError(`SKeyValueGrid: getItemKey вернул duplicate key ${j(c)} для ${a}; впервые объявлен в ${l}. / SKeyValueGrid: getItemKey returned duplicate key ${j(c)} for ${a}; first declared at ${l}.`);
+				e.set(c, a);
+				let u = o.valueMonospace !== void 0 && t("SKeyValueGrid", `${a}.valueMonospace`, o.valueMonospace);
+				return {
+					item: o,
+					itemKey: c,
+					index: r,
+					label: s,
+					formattedValue: P(o, r),
+					valueMonospace: u
+				};
+			});
+		});
+		return (e, t) => (f(), s("dl", d(g(T).bindings(), {
+			class: "s-key-value-grid",
+			"data-variant": E.value,
+			"data-columns": D.value,
+			"data-density": O.value,
+			"data-value-align": k.value,
+			"data-label-width": A.value
+		}), [(f(!0), s(a, null, p(F.value, (t) => (f(), s("div", {
+			key: t.itemKey,
+			class: "s-key-value-grid__item"
+		}, [c("dt", v, [m(e.$slots, "label", {
+			item: t.item,
+			itemKey: t.itemKey,
+			index: t.index
+		}, () => [l(h(t.label), 1)], !0)]), c("dd", {
+			class: "s-key-value-grid__value",
+			"data-monospace": t.valueMonospace ? "true" : void 0
+		}, [m(e.$slots, "value", {
+			item: t.item,
+			itemKey: t.itemKey,
+			index: t.index,
+			value: t.item.value,
+			formattedValue: t.formattedValue
+		}, () => [l(h(t.formattedValue), 1)], !0)], 8, y)]))), 128))], 16, _));
+	}
+});
+//#endregion
+export { b as default };

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

@@ -0,0 +1,48 @@
+import { Component, VNodeChild } from 'vue';
+import { StatusTone } from './SStatus.vue';
+export type LinkedSystemPresentation = 'list' | 'chips';
+export interface LinkedSystemSyncStatus {
+    readonly label: string;
+    readonly tone: StatusTone;
+    readonly title?: string;
+    readonly icon?: Component | null;
+}
+export interface LinkedSystemListItem {
+    readonly id: string;
+    readonly providerName: string;
+    readonly externalId: string;
+    readonly externalUrl: string | null;
+    readonly syncStatus: LinkedSystemSyncStatus;
+}
+export interface Props<T extends LinkedSystemListItem = LinkedSystemListItem> {
+    readonly items: readonly T[];
+    readonly accessibleLabel?: string;
+    /** List подходит для inspector, chips — для компактных строк сущностей. / List suits inspectors; chips suit compact entity rows. */
+    readonly presentation?: LinkedSystemPresentation;
+    /** Единое disabled-состояние для слота действий. / Shared disabled state for the actions slot. */
+    readonly actionsDisabled?: boolean;
+}
+export interface Slots<T extends LinkedSystemListItem = LinkedSystemListItem> {
+    actions?: (props: {
+        readonly item: T;
+        readonly disabled: boolean;
+    }) => VNodeChild;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends LinkedSystemListItem = LinkedSystemListItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<Props<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: Slots<T>;
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/src/components/shared/data-display/SLinkedSystemsList.vue.js

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/data-display/SLinkedSystemsList.vue_vue_type_style_index_0_scoped_3a9401da_lang.css";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./SLinkedSystemsList.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                   */
+//#region src/components/shared/data-display/SLinkedSystemsList.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-3a9401da"]]);
+//#endregion
+export { n as default };

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

@@ -0,0 +1,147 @@
+import { withErrorCause as e } from "../../../internal/es2020.js";
+import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
+import { validateBoolean as r, validateExactString as i, validateNonEmptyString as a } from "../../../internal/runtimeContract.js";
+import o from "../controls/SLink.vue.js";
+import s from "./SStatus.vue.js";
+import c from "./SActionList.vue.js";
+import l from "./SActionListItem.vue.js";
+import { Fragment as u, computed as d, createBlock as f, createElementBlock as p, createSlots as m, createTextVNode as h, createVNode as g, defineComponent as _, mergeProps as v, openBlock as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, useSlots as w, watchEffect as T, withCtx as E } from "vue";
+//#region src/components/shared/data-display/SLinkedSystemsList.vue?vue&type=script&setup=true&lang.ts
+var D = ["aria-label"], O = ["title"], k = {
+	key: 1,
+	class: "s-linked-systems-list__external-id"
+}, A = { key: 1 }, j = /*@__PURE__*/ _({
+	inheritAttrs: !1,
+	__name: "SLinkedSystemsList",
+	props: {
+		items: {},
+		accessibleLabel: { default: void 0 },
+		presentation: { default: "list" },
+		actionsDisabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(_) {
+		let j = _, { t: M } = t(), N = w(), P = n({
+			component: "SLinkedSystemsList",
+			owner: "active linked-systems list root"
+		}), F = d(() => a("SLinkedSystemsList", "accessibleLabel", j.accessibleLabel ?? M("data.linkedSystems"))), I = d(() => i("SLinkedSystemsList", "presentation", j.presentation, ["list", "chips"])), L = d(() => r("SLinkedSystemsList", "actionsDisabled", j.actionsDisabled));
+		function R(e, t) {
+			if (typeof e == "object" && e && !Array.isArray(e)) return e;
+			throw TypeError(`SLinkedSystemsList: ${t} должен быть объектом. / SLinkedSystemsList: ${t} must be an object.`);
+		}
+		function z(t, n) {
+			let r = `items[${n}].externalUrl`;
+			if (t === null) return;
+			let i = a("SLinkedSystemsList", r, t), o;
+			try {
+				o = new URL(i);
+			} catch (t) {
+				throw e(/* @__PURE__ */ TypeError(`SLinkedSystemsList: ${r} должен быть абсолютным HTTP(S) URL или null; получено ${JSON.stringify(i)}. / SLinkedSystemsList: ${r} must be an absolute HTTP(S) URL or null; received ${JSON.stringify(i)}.`), t);
+			}
+			if (!((o.protocol === "http:" || o.protocol === "https:") && o.hostname.length > 0 && i.trim() === i)) throw TypeError(`SLinkedSystemsList: ${r} должен быть абсолютным HTTP(S) URL без окружающих пробелов или null; получено ${JSON.stringify(i)}. / SLinkedSystemsList: ${r} must be an absolute HTTP(S) URL without surrounding whitespace or null; received ${JSON.stringify(i)}.`);
+		}
+		function B(e, t) {
+			let n = `items[${t}].syncStatus`, r = R(e, n);
+			if (a("SLinkedSystemsList", `${n}.label`, r.label), i("SLinkedSystemsList", `${n}.tone`, r.tone, [
+				"neutral",
+				"info",
+				"success",
+				"warn",
+				"danger"
+			]), r.title !== void 0 && a("SLinkedSystemsList", `${n}.title`, r.title), r.icon !== void 0 && r.icon !== null && (Array.isArray(r.icon) || typeof r.icon != "object" && typeof r.icon != "function")) throw TypeError(`SLinkedSystemsList: ${n}.icon должен быть Vue Component, null или undefined. / SLinkedSystemsList: ${n}.icon must be a Vue Component, null, or undefined.`);
+		}
+		let V = d(() => {
+			let e = j.items;
+			if (!Array.isArray(e)) throw TypeError("SLinkedSystemsList: items должен быть readonly-массивом linked-system объектов. / SLinkedSystemsList: items must be a readonly array of linked-system objects.");
+			let t = /* @__PURE__ */ new Set();
+			for (let [n, r] of e.entries()) {
+				let e = R(r, `items[${n}]`), i = a("SLinkedSystemsList", `items[${n}].id`, e.id);
+				if (t.has(i)) throw TypeError(`SLinkedSystemsList: items должен содержать уникальные stable id; дублируется ${JSON.stringify(i)}. / SLinkedSystemsList: items must contain unique stable ids; duplicate ${JSON.stringify(i)}.`);
+				t.add(i), a("SLinkedSystemsList", `items[${n}].providerName`, e.providerName), a("SLinkedSystemsList", `items[${n}].externalId`, e.externalId), z(e.externalUrl, n), B(e.syncStatus, n);
+			}
+			return j.items;
+		});
+		return T(() => {
+			if (V.value, F.value, L.value, I.value === "chips" && N.actions) throw Error("SLinkedSystemsList: presentation=\"chips\" не принимает actions slot. / Chips presentation does not accept the actions slot.");
+		}), (e, t) => I.value === "chips" ? (y(), p("div", v({ key: 0 }, C(P).bindings(), {
+			class: "s-linked-systems-list",
+			"data-presentation": "chips",
+			role: "list",
+			"aria-label": F.value
+		}), [(y(!0), p(u, null, b(V.value, (e) => (y(), p("span", {
+			key: e.id,
+			class: "s-linked-systems-list__chip",
+			role: "listitem",
+			title: `${e.providerName}: ${e.externalId}`
+		}, [g(s, {
+			label: e.syncStatus.label,
+			tone: e.syncStatus.tone,
+			title: e.syncStatus.title,
+			icon: e.syncStatus.icon,
+			"label-visibility": "sr-only",
+			size: "xs"
+		}, null, 8, [
+			"label",
+			"tone",
+			"title",
+			"icon"
+		]), e.externalUrl ? (y(), f(o, {
+			key: 0,
+			href: e.externalUrl,
+			target: "_blank",
+			external: "",
+			variant: "subtle",
+			underline: "hover",
+			wrap: "anywhere",
+			"content-kind": "identifier"
+		}, {
+			default: E(() => [h(S(e.externalId), 1)]),
+			_: 2
+		}, 1032, ["href"])) : (y(), p("span", k, S(e.externalId), 1))], 8, O))), 128))], 16, D)) : (y(), f(c, v({ key: 1 }, C(P).bindings(), { "accessible-label": F.value }), {
+			default: E(() => [(y(!0), p(u, null, b(V.value, (t) => (y(), f(l, {
+				key: t.id,
+				title: t.providerName,
+				surface: { mode: "static" },
+				"action-disabled": L.value,
+				"trailing-layout": "responsive"
+			}, m({
+				description: E(() => [t.externalUrl ? (y(), f(o, {
+					key: 0,
+					href: t.externalUrl,
+					target: "_blank",
+					external: "",
+					variant: "subtle"
+				}, {
+					default: E(() => [h(S(t.externalId), 1)]),
+					_: 2
+				}, 1032, ["href"])) : (y(), p("span", A, S(t.externalId), 1))]),
+				status: E(() => [g(s, {
+					label: t.syncStatus.label,
+					tone: t.syncStatus.tone,
+					title: t.syncStatus.title,
+					icon: t.syncStatus.icon,
+					size: "sm"
+				}, null, 8, [
+					"label",
+					"tone",
+					"title",
+					"icon"
+				])]),
+				_: 2
+			}, [e.$slots.actions ? {
+				name: "actions",
+				fn: E(({ disabled: n }) => [x(e.$slots, "actions", {
+					item: t,
+					disabled: n
+				}, void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, ["title", "action-disabled"]))), 128))]),
+			_: 3
+		}, 16, ["accessible-label"]));
+	}
+});
+//#endregion
+export { j as default };

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

@@ -0,0 +1,49 @@
+import { FeedbackLiveMode, FeedbackSeverity } from '../../../internal/feedbackPresentation';
+export type Severity = FeedbackSeverity;
+/** Семантический размер message surface. / Semantic message-surface size. */
+export type SMessageSize = 'sm' | 'md';
+/** Управляемое dismiss-действие, которое только отправляет intent родителю. / Controlled dismiss action that only emits intent to the parent. */
+export interface SMessageDismissAction {
+    label: string;
+    disabled: boolean;
+}
+/** Typed payload управляемого dismiss intent. / Typed payload of a controlled dismiss intent. */
+export interface SMessageDismissEvent {
+    source: 'close-button';
+    nativeEvent: MouseEvent;
+}
+export interface Props {
+    severity?: Severity;
+    title?: string;
+    closable?: boolean;
+    dismissLabel?: string;
+    dismissDisabled?: boolean;
+    live?: FeedbackLiveMode;
+    /** Семантический размер и padding сообщения. / Semantic message size and padding. */
+    size?: SMessageSize;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    dismiss: (event: SMessageDismissEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onDismiss?: ((event: SMessageDismissEvent) => any) | undefined;
+}>, {
+    title: string;
+    size: SMessageSize;
+    live: FeedbackLiveMode;
+    severity: Severity;
+    closable: boolean;
+    dismissLabel: string;
+    dismissDisabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/shared/data-display/SMessage.vue.js

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