@pgcorp/ui-kit 0.10.0 → 0.10.2

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

@@ -0,0 +1,443 @@
+import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
+import { 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 o from "./SEmptyState.vue.js";
+import { resolveChartModel as ee } from "../../../internal/chartGeometry.js";
+import { Fragment as s, computed as c, createBlock as te, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as ne, defineComponent as f, mergeProps as re, normalizeClass as ie, onBeforeUnmount as ae, onMounted as oe, openBlock as p, ref as se, renderList as m, shallowRef as ce, toDisplayString as h, unref as g, watchEffect as le } from "vue";
+//#region src/components/shared/data-display/SChart.vue?vue&type=script&setup=true&lang.ts
+var ue = [
+	"data-size",
+	"data-type",
+	"data-empty"
+], de = {
+	key: 0,
+	class: "sr-only"
+}, fe = {
+	key: 1,
+	class: "s-chart__legend",
+	"data-position": "top"
+}, pe = ["data-s-chart-tone"], me = [
+	"viewBox",
+	"role",
+	"aria-hidden",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby"
+], he = { key: 0 }, ge = { key: 1 }, _e = {
+	key: 2,
+	class: "s-chart__grid",
+	"aria-hidden": "true"
+}, ve = [
+	"x1",
+	"x2",
+	"y1",
+	"y2"
+], ye = {
+	key: 3,
+	class: "s-chart__grid",
+	"aria-hidden": "true"
+}, be = [
+	"x1",
+	"x2",
+	"y1",
+	"y2"
+], xe = {
+	key: 4,
+	class: "s-chart__axis",
+	"aria-hidden": "true"
+}, Se = [
+	"x1",
+	"x2",
+	"y1",
+	"y2"
+], Ce = ["x", "y"], we = { key: 0 }, Te = ["y", "transform"], _ = {
+	key: 5,
+	class: "s-chart__axis",
+	"aria-hidden": "true"
+}, v = [
+	"x1",
+	"x2",
+	"y1",
+	"y2"
+], y = [
+	"x",
+	"y",
+	"text-anchor"
+], b = ["x", "dy"], x = ["x", "y"], S = {
+	key: 6,
+	class: "s-chart__areas",
+	"aria-hidden": "true"
+}, C = ["data-s-chart-tone", "d"], w = {
+	key: 7,
+	class: "s-chart__lines"
+}, T = ["data-s-chart-tone"], E = ["d"], D = ["cx", "cy"], O = ["x", "y"], Ee = {
+	key: 8,
+	class: "s-chart__bars"
+}, De = ["data-s-chart-tone"], Oe = [
+	"x",
+	"y",
+	"width",
+	"height"
+], ke = ["x", "y"], Ae = {
+	key: 9,
+	class: "s-chart__slices"
+}, je = ["data-s-chart-tone"], Me = ["d"], Ne = ["x", "y"], Pe = {
+	key: 0,
+	class: "s-chart__center",
+	"aria-hidden": "true"
+}, Fe = ["x", "y"], Ie = ["x", "y"], Le = {
+	key: 2,
+	class: "s-chart__legend",
+	"data-position": "bottom"
+}, Re = ["data-s-chart-tone"], ze = ["aria-label", "aria-labelledby"], Be = { scope: "col" }, Ve = { scope: "row" }, k = /*@__PURE__*/ f({
+	inheritAttrs: !1,
+	__name: "SChart",
+	props: {
+		type: {},
+		categories: {},
+		series: {},
+		accessibility: {},
+		size: { default: "md" },
+		domain: { default: () => ({ mode: "auto" }) },
+		xAxis: {
+			type: Boolean,
+			default: void 0
+		},
+		yAxis: {
+			type: Boolean,
+			default: void 0
+		},
+		xAxisLabel: { default: void 0 },
+		yAxisLabel: { default: void 0 },
+		xLabels: { default: void 0 },
+		yTickCount: { default: 5 },
+		grid: { default: void 0 },
+		legend: { default: void 0 },
+		dataLabels: { default: "none" },
+		markers: { default: void 0 },
+		curve: { default: "smooth" },
+		barMode: { default: "grouped" },
+		radialLabel: { default: "percentage" },
+		centerLabel: { default: void 0 },
+		centerValue: { default: void 0 },
+		dataTablePresentation: { default: "assistive" },
+		emptyLabel: { default: void 0 },
+		valueFormatter: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(f) {
+		let k = f, { t: A } = e(), He = t({
+			component: "SChart",
+			owner: "chart root"
+		}), j = se(null), M = ce(void 0), N, Ue = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), P = c(() => i("SChart", "type", k.type, [
+			"line",
+			"area",
+			"bar",
+			"pie",
+			"donut"
+		])), F = c(() => i("SChart", "size", k.size, [
+			"compact",
+			"sm",
+			"md",
+			"lg"
+		])), We = c(() => i("SChart", "xLabels", k.xLabels ?? (k.size === "compact" ? "none" : "auto"), [
+			"none",
+			"endpoints",
+			"auto",
+			"all"
+		])), I = c(() => i("SChart", "grid", k.grid ?? (k.size === "compact" || H.value ? "none" : "horizontal"), [
+			"none",
+			"horizontal",
+			"vertical",
+			"both"
+		])), L = c(() => i("SChart", "legend", k.legend ?? (k.size === "compact" || !H.value && k.series.length <= 1 ? "none" : "bottom"), [
+			"none",
+			"top",
+			"bottom"
+		])), R = c(() => i("SChart", "dataLabels", k.dataLabels, [
+			"none",
+			"latest",
+			"all"
+		])), z = c(() => i("SChart", "markers", k.markers ?? (k.type === "line" || k.type === "area" ? "latest" : "none"), [
+			"none",
+			"latest",
+			"all"
+		])), Ge = c(() => i("SChart", "curve", k.curve, ["linear", "smooth"])), B = c(() => i("SChart", "barMode", k.barMode, ["grouped", "stacked"])), Ke = c(() => i("SChart", "radialLabel", k.radialLabel, [
+			"value",
+			"percentage",
+			"category"
+		])), V = c(() => i("SChart", "dataTablePresentation", k.dataTablePresentation, [
+			"assistive",
+			"visible",
+			"none"
+		])), qe = c(() => n("SChart", "yTickCount", k.yTickCount, {
+			minimum: 2,
+			maximum: 8
+		})), H = c(() => P.value === "pie" || P.value === "donut"), U = c(() => k.xAxis ?? (!H.value && k.size !== "compact")), W = c(() => k.yAxis ?? (!H.value && k.size !== "compact")), Je = c(() => {
+			if (k.valueFormatter === void 0) return (e) => Ue.format(e);
+			if (typeof k.valueFormatter != "function") throw TypeError("SChart: valueFormatter должен быть function");
+			return k.valueFormatter;
+		}), G = c(() => a("SChart", "emptyLabel", k.emptyLabel ?? A("chart.empty"))), K = c(() => k.xAxisLabel === void 0 ? void 0 : a("SChart", "xAxisLabel", k.xAxisLabel)), q = c(() => k.yAxisLabel === void 0 ? void 0 : a("SChart", "yAxisLabel", k.yAxisLabel)), J = c(() => k.centerLabel === void 0 ? void 0 : a("SChart", "centerLabel", k.centerLabel)), Y = c(() => k.centerValue === void 0 ? void 0 : a("SChart", "centerValue", k.centerValue)), X = c(() => {
+			let e = k.accessibility;
+			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SChart: accessibility должен быть discriminated object");
+			let t = e, n = t.mode === "label" ? [
+				"mode",
+				"label",
+				"description"
+			] : t.mode === "labelledby" ? [
+				"mode",
+				"id",
+				"describedby"
+			] : ["mode"], i = Object.keys(t).filter((e) => !n.includes(e));
+			if (i.length > 0) throw Error(`SChart: accessibility.mode="${String(t.mode)}" не допускает поля ${i.join(", ")}`);
+			if (t.mode === "decorative") return { mode: "decorative" };
+			if (t.mode === "label") return {
+				mode: "label",
+				label: a("SChart", "accessibility.label", t.label),
+				description: t.description === void 0 ? void 0 : a("SChart", "accessibility.description", t.description)
+			};
+			if (t.mode === "labelledby") return {
+				mode: "labelledby",
+				id: r("SChart", "accessibility.id", t.id),
+				describedby: t.describedby === void 0 ? void 0 : r("SChart", "accessibility.describedby", t.describedby)
+			};
+			throw TypeError(`SChart: неизвестный accessibility.mode "${String(t.mode)}"`);
+		}), Z = c(() => ee({
+			type: P.value,
+			size: F.value,
+			categories: k.categories,
+			series: k.series,
+			domain: k.domain,
+			xAxis: U.value,
+			yAxis: W.value,
+			xLabels: We.value,
+			yTickCount: qe.value,
+			curve: Ge.value,
+			barMode: B.value,
+			dataLabels: R.value,
+			markers: z.value,
+			radialLabel: Ke.value,
+			valueFormatter: Je.value,
+			dimensions: M.value
+		})), Ye = c(() => I.value === "horizontal" || I.value === "both"), Xe = c(() => I.value === "vertical" || I.value === "both"), Ze = c(() => V.value !== "none" && !Z.value.empty), Qe = c(() => V.value === "assistive" ? "s-chart__data-table--assistive" : void 0), $e = c(() => Z.value.emptyReason === "zero-total" ? A("chart.noNonZeroValues") : G.value), Q = c(() => X.value.mode === "label" ? X.value.label : void 0), $ = c(() => X.value.mode === "label" ? X.value.description : void 0);
+		function et(e, t) {
+			return z.value === "all" || z.value === "latest" && e === t - 1;
+		}
+		function tt(e, t) {
+			return R.value === "all" || R.value === "latest" && e === t - 1;
+		}
+		function nt(e) {
+			let t = k.categories[k.categories.length - 1];
+			return R.value === "all" || R.value === "latest" && e === t?.key;
+		}
+		return oe(() => {
+			j.value !== null && typeof ResizeObserver < "u" && (N = new ResizeObserver(([e]) => {
+				if (!e || e.contentRect.width <= 0 || e.contentRect.height <= 0) return;
+				let t = {
+					width: e.contentRect.width,
+					height: e.contentRect.height
+				}, n = M.value;
+				n && Math.abs(n.width - t.width) < .5 && Math.abs(n.height - t.height) < .5 || (M.value = t);
+			}), N.observe(j.value));
+		}), ae(() => N?.disconnect()), le(() => {
+			if (Z.value, X.value, G.value, K.value, q.value, J.value, Y.value, X.value.mode === "decorative" && V.value === "assistive") throw Error("SChart: decorative chart требует dataTablePresentation=\"none\" или \"visible\"");
+			if (H.value && I.value !== "none") throw Error(`SChart: ${P.value} не поддерживает grid`);
+			if (H.value && (K.value || q.value)) throw Error(`SChart: ${P.value} не поддерживает axis labels`);
+			if (B.value === "stacked" && P.value !== "bar") throw Error("SChart: barMode=\"stacked\" разрешён только для type=\"bar\"");
+			if ((J.value || Y.value) && P.value !== "donut") throw Error("SChart: centerLabel/centerValue разрешены только для type=\"donut\"");
+		}), (e, t) => (p(), u("figure", re(g(He).bindings(), {
+			class: "s-chart",
+			"data-size": F.value,
+			"data-type": P.value,
+			"data-empty": Z.value.empty || void 0
+		}), [
+			X.value.mode === "label" ? (p(), u("figcaption", de, h(X.value.label), 1)) : l("", !0),
+			L.value === "top" && !Z.value.empty ? (p(), u("div", fe, [(p(!0), u(s, null, m(Z.value.legend, (e) => (p(), u("span", {
+				key: e.key,
+				class: "s-chart__legend-item"
+			}, [d("span", {
+				class: "s-chart__legend-swatch",
+				"data-s-chart-tone": e.tone,
+				"aria-hidden": "true"
+			}, null, 8, pe), d("span", null, h(e.label), 1)]))), 128))])) : l("", !0),
+			d("div", {
+				ref_key: "viewportElement",
+				ref: j,
+				class: "s-chart__viewport"
+			}, [Z.value.empty ? (p(), te(o, {
+				key: 0,
+				title: $e.value,
+				size: F.value === "compact" ? "sm" : "md",
+				presentation: "panel"
+			}, null, 8, ["title", "size"])) : (p(), u("svg", {
+				key: 1,
+				class: "s-chart__svg",
+				viewBox: `0 0 ${Z.value.width} ${Z.value.height}`,
+				preserveAspectRatio: "xMidYMid meet",
+				role: X.value.mode === "decorative" ? void 0 : "img",
+				"aria-hidden": X.value.mode === "decorative" || void 0,
+				"aria-label": Q.value,
+				"aria-labelledby": X.value.mode === "labelledby" ? X.value.id : void 0,
+				"aria-describedby": X.value.mode === "labelledby" ? X.value.describedby : void 0,
+				focusable: "false"
+			}, [
+				Q.value ? (p(), u("title", he, h(Q.value), 1)) : l("", !0),
+				$.value ? (p(), u("desc", ge, h($.value), 1)) : l("", !0),
+				Ye.value ? (p(), u("g", _e, [(p(!0), u(s, null, m(Z.value.horizontalGrid, (e) => (p(), u("line", {
+					key: e.key,
+					x1: e.x1,
+					x2: e.x2,
+					y1: e.y1,
+					y2: e.y2
+				}, null, 8, ve))), 128))])) : l("", !0),
+				Xe.value ? (p(), u("g", ye, [(p(!0), u(s, null, m(Z.value.verticalGrid, (e) => (p(), u("line", {
+					key: e.key,
+					x1: e.x1,
+					x2: e.x2,
+					y1: e.y1,
+					y2: e.y2
+				}, null, 8, be))), 128))])) : l("", !0),
+				W.value ? (p(), u("g", xe, [
+					d("line", {
+						x1: Z.value.plotX,
+						x2: Z.value.plotX,
+						y1: Z.value.plotY,
+						y2: Z.value.plotY + Z.value.plotHeight
+					}, null, 8, Se),
+					(p(!0), u(s, null, m(Z.value.yTicks, (e) => (p(), u("text", {
+						key: e.value,
+						x: Z.value.plotX - 8,
+						y: e.position,
+						"text-anchor": "end",
+						"dominant-baseline": "middle"
+					}, [ne(h(e.displayLabel), 1), e.displayLabel === e.label ? l("", !0) : (p(), u("title", we, h(e.label), 1))], 8, Ce))), 128)),
+					q.value ? (p(), u("text", {
+						key: 0,
+						class: "s-chart__axis-title",
+						x: 12,
+						y: Z.value.plotY + Z.value.plotHeight / 2,
+						"text-anchor": "middle",
+						transform: `rotate(-90 12 ${Z.value.plotY + Z.value.plotHeight / 2})`
+					}, h(q.value), 9, Te)) : l("", !0)
+				])) : l("", !0),
+				U.value ? (p(), u("g", _, [
+					d("line", {
+						x1: Z.value.plotX,
+						x2: Z.value.plotX + Z.value.plotWidth,
+						y1: Z.value.baselineY,
+						y2: Z.value.baselineY
+					}, null, 8, v),
+					(p(!0), u(s, null, m(Z.value.xLabels, (e) => (p(), u("text", {
+						key: e.key,
+						x: e.x,
+						y: Z.value.plotY + Z.value.plotHeight + 18,
+						"text-anchor": e.textAnchor
+					}, [(p(!0), u(s, null, m(e.lines, (t, n) => (p(), u("tspan", {
+						key: n,
+						x: e.x,
+						dy: n === 0 ? 0 : 13
+					}, h(t), 9, b))), 128))], 8, y))), 128)),
+					K.value ? (p(), u("text", {
+						key: 0,
+						class: "s-chart__axis-title",
+						x: Z.value.plotX + Z.value.plotWidth / 2,
+						y: Z.value.height - 2,
+						"text-anchor": "middle"
+					}, h(K.value), 9, x)) : l("", !0)
+				])) : l("", !0),
+				P.value === "area" ? (p(), u("g", S, [(p(!0), u(s, null, m(Z.value.lines, (e) => (p(), u("path", {
+					key: e.key,
+					class: "s-chart__area",
+					"data-s-chart-tone": e.tone,
+					d: e.areaPath
+				}, null, 8, C))), 128))])) : l("", !0),
+				P.value === "line" || P.value === "area" ? (p(), u("g", w, [(p(!0), u(s, null, m(Z.value.lines, (e) => (p(), u("g", {
+					key: e.key,
+					"data-s-chart-tone": e.tone
+				}, [d("path", {
+					class: "s-chart__line",
+					d: e.path,
+					"aria-hidden": "true"
+				}, null, 8, E), (p(!0), u(s, null, m(e.points, (t, n) => (p(), u(s, { key: t.categoryKey }, [et(n, e.points.length) ? (p(), u("circle", {
+					key: 0,
+					class: "s-chart__marker",
+					cx: t.x,
+					cy: t.y,
+					r: "4"
+				}, [d("title", null, h(t.title), 1)], 8, D)) : l("", !0), tt(n, e.points.length) ? (p(), u("text", {
+					key: 1,
+					class: "s-chart__data-label",
+					x: t.x,
+					y: t.y - 9,
+					"text-anchor": "middle",
+					"aria-hidden": "true"
+				}, h(t.valueLabel), 9, O)) : l("", !0)], 64))), 128))], 8, T))), 128))])) : l("", !0),
+				P.value === "bar" ? (p(), u("g", Ee, [(p(!0), u(s, null, m(Z.value.bars, (e) => (p(), u("g", {
+					key: e.key,
+					"data-s-chart-tone": e.tone
+				}, [d("rect", {
+					class: "s-chart__bar",
+					x: e.x,
+					y: e.y,
+					width: e.width,
+					height: e.height,
+					rx: "2"
+				}, [d("title", null, h(e.title), 1)], 8, Oe), nt(e.categoryKey) ? (p(), u("text", {
+					key: 0,
+					class: "s-chart__data-label",
+					x: e.x + e.width / 2,
+					y: e.value >= 0 ? e.y - 7 : e.y + e.height + 13,
+					"text-anchor": "middle",
+					"aria-hidden": "true"
+				}, h(e.valueLabel), 9, ke)) : l("", !0)], 8, De))), 128))])) : l("", !0),
+				H.value ? (p(), u("g", Ae, [(p(!0), u(s, null, m(Z.value.slices, (e) => (p(), u("g", {
+					key: e.key,
+					"data-s-chart-tone": e.tone
+				}, [d("path", {
+					class: "s-chart__slice",
+					d: e.path
+				}, [d("title", null, h(e.title), 1)], 8, Me), R.value === "all" && e.value > 0 ? (p(), u("text", {
+					key: 0,
+					class: "s-chart__radial-label",
+					x: e.labelX,
+					y: e.labelY,
+					"text-anchor": "middle",
+					"dominant-baseline": "middle",
+					"aria-hidden": "true"
+				}, h(e.dataLabel), 9, Ne)) : l("", !0)], 8, je))), 128)), P.value === "donut" && (J.value || Y.value) ? (p(), u("g", Pe, [Y.value ? (p(), u("text", {
+					key: 0,
+					x: Z.value.centerX,
+					y: Z.value.centerY - (J.value ? 4 : 0),
+					"text-anchor": "middle"
+				}, h(Y.value), 9, Fe)) : l("", !0), J.value ? (p(), u("text", {
+					key: 1,
+					class: "s-chart__center-label",
+					x: Z.value.centerX,
+					y: Z.value.centerY + (Y.value ? 14 : 0),
+					"text-anchor": "middle"
+				}, h(J.value), 9, Ie)) : l("", !0)])) : l("", !0)])) : l("", !0)
+			], 8, me))], 512),
+			L.value === "bottom" && !Z.value.empty ? (p(), u("div", Le, [(p(!0), u(s, null, m(Z.value.legend, (e) => (p(), u("span", {
+				key: e.key,
+				class: "s-chart__legend-item"
+			}, [d("span", {
+				class: "s-chart__legend-swatch",
+				"data-s-chart-tone": e.tone,
+				"aria-hidden": "true"
+			}, null, 8, Re), d("span", null, h(e.label), 1)]))), 128))])) : l("", !0),
+			Ze.value ? (p(), u("table", {
+				key: 3,
+				class: ie(["s-chart__data-table", Qe.value]),
+				"aria-label": X.value.mode === "label" ? g(A)("chart.dataFor", { chart: X.value.label }) : void 0,
+				"aria-labelledby": X.value.mode === "labelledby" ? X.value.id : void 0
+			}, [d("thead", null, [d("tr", null, [d("th", Be, h(g(A)("chart.category")), 1), (p(!0), u(s, null, m(f.series, (e) => (p(), u("th", {
+				key: e.key,
+				scope: "col"
+			}, h(e.label), 1))), 128))])]), d("tbody", null, [(p(!0), u(s, null, m(Z.value.tableRows, (e) => (p(), u("tr", { key: e.key }, [d("th", Ve, h(e.label), 1), (p(!0), u(s, null, m(e.values, (e, t) => (p(), u("td", { key: f.series[t]?.key }, h(e), 1))), 128))]))), 128))])], 10, ze)) : l("", !0)
+		], 16, ue));
+	}
+});
+//#endregion
+export { k as default };

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

@@ -0,0 +1,33 @@
+import { Component } from 'vue';
+import { InteractiveSurfaceContract } from '../controls/SInteractiveSurface.vue';
+import { BadgeSeverity } from './SBadge.vue';
+export type SChipSeverity = BadgeSeverity;
+export type SChipSize = 'sm' | 'md';
+export interface Props {
+    label: string;
+    severity?: SChipSeverity;
+    size?: SChipSize;
+    leadingIcon?: Component;
+    closable?: boolean;
+    closeLabel?: string;
+    disabled?: boolean;
+    /** Семантика основной поверхности chip; close остаётся отдельным sibling-действием. / Primary chip surface semantics; close remains a separate sibling action. */
+    surface?: InteractiveSurfaceContract;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (event: MouseEvent) => any;
+    activate: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: ((event: MouseEvent) => any) | undefined;
+    onActivate?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: SChipSize;
+    severity: SChipSeverity;
+    disabled: boolean;
+    closable: boolean;
+    leadingIcon: Component;
+    surface: InteractiveSurfaceContract;
+    closeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,103 @@
+import { X as e } from "../../icons/_internal/generatedSputnigUiIconComponents.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 { PILL_ICON_CLASS as o, PILL_ICON_GRAPHIC_CLASS as s, PILL_LABEL_CLASS as c, PILL_LABEL_TRUNCATE_CLASS as l, resolvePillSurfaceBindings as u } from "../../../internal/pillSurface.js";
+import d from "../controls/SButton.vue.js";
+import f from "../controls/SInteractiveSurface.vue.js";
+import { computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeProps as b, normalizeClass as x, openBlock as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, withCtx as E, withModifiers as D } from "vue";
+//#region src/components/shared/data-display/SChip.vue?vue&type=script&setup=true&lang.ts
+var O = ["data-mode"], k = { class: "s-chip__content" }, A = /*@__PURE__*/ y({
+	inheritAttrs: !1,
+	__name: "SChip",
+	props: {
+		label: {},
+		severity: { default: "secondary" },
+		size: { default: "md" },
+		leadingIcon: { default: void 0 },
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		closeLabel: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		surface: { default: () => ({ mode: "static" }) }
+	},
+	emits: ["close", "activate"],
+	setup(y, { emit: A }) {
+		let j = y, M = A, N = n({
+			component: "SChip",
+			owner: "chip root"
+		}), { t: P } = t(), F = p(() => a("SChip", "label", j.label)), I = p(() => i("SChip", "severity", j.severity, [
+			"primary",
+			"secondary",
+			"success",
+			"info",
+			"warn",
+			"danger",
+			"contrast"
+		])), L = p(() => i("SChip", "size", j.size, ["sm", "md"])), R = p(() => u("SChip", {
+			kind: "chip",
+			severity: I.value,
+			size: L.value,
+			dot: !1,
+			closable: j.closable,
+			disabled: j.disabled,
+			truncate: !0,
+			maxWidth: "none",
+			iconMotion: "static"
+		})), z = p(() => {
+			let e = j.surface;
+			return e.mode === "static" ? e : {
+				...e,
+				disabled: j.disabled || e.disabled
+			};
+		}), B = p(() => (r("SChip", "closable", j.closable), r("SChip", "disabled", j.disabled), j.closeLabel === void 0 ? P("actions.removeChip", { label: F.value }) : a("SChip", "closeLabel", j.closeLabel)));
+		return (t, n) => (S(), g("div", b({
+			...T(N).bindings(),
+			...R.value
+		}, {
+			class: "s-chip",
+			"data-mode": z.value.mode
+		}), [v(f, {
+			surface: z.value,
+			appearance: "bare",
+			density: "compact",
+			padding: "none",
+			radius: "xl",
+			onActivate: n[0] ||= (e) => M("activate", e)
+		}, {
+			default: E(() => [_("span", k, [y.leadingIcon ? (S(), g("span", {
+				key: 0,
+				class: x(T(o)),
+				"aria-hidden": "true"
+			}, [(S(), m(C(y.leadingIcon), { class: x(T(s)) }, null, 8, ["class"]))], 2)) : h("", !0), _("span", { class: x([T(c), T(l)]) }, w(F.value), 3)])]),
+			_: 1
+		}, 8, ["surface"]), y.closable ? (S(), m(d, {
+			key: 0,
+			label: "",
+			appearance: "ghost",
+			severity: "secondary",
+			size: "xs",
+			density: "compact",
+			spacing: "tight",
+			shape: "circle",
+			"icon-only": "",
+			"leading-icon": T(e),
+			disabled: y.disabled,
+			"aria-label": B.value,
+			title: B.value,
+			onClick: n[1] ||= D((e) => M("close", e), ["stop"])
+		}, null, 8, [
+			"leading-icon",
+			"disabled",
+			"aria-label",
+			"title"
+		])) : h("", !0)], 16, O));
+	}
+});
+//#endregion
+export { A as default };

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

@@ -0,0 +1,50 @@
+import { SCodeEditorCapabilities, SCodeEditorLanguage, SCodeEditorReadyPayload, SCodeEditorSelectionAppliedPayload, SCodeEditorViewport } from './SCodeEditor.vue';
+/** Public adapter contract над canonical SCodeEditor leaf. / Public adapter contract over the canonical SCodeEditor leaf. */
+export interface Props {
+    code: string;
+    language: SCodeEditorLanguage;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    presentation?: 'editor' | 'plain' | 'highlighted';
+    showHeader?: boolean;
+    showLineNumbers?: boolean;
+    readOnly?: boolean;
+    interceptKeys?: (e: KeyboardEvent) => boolean;
+    tabSize?: number;
+    tabKeyBehavior?: SCodeEditorCapabilities['indentation']['keyBehavior'];
+    nextSelectionPos?: number | null;
+    surfaceRadius?: 'default' | 'none' | 'xl';
+    viewport?: SCodeEditorViewport;
+    placeholder?: string;
+    errorMessage?: string;
+}
+/** Public imperative surface shared by editor and read-only presentations. */
+export interface SCodeBlockApi {
+    applySelection(position: number): void;
+    focus(): void;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, SCodeBlockApi, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    ready: (payload: SCodeEditorReadyPayload) => any;
+    "cursor-activity": (payload: {
+        pos: number;
+        lineFrom: number;
+        lineTo: number;
+        lineText: string;
+        cursorCol: number;
+    }) => any;
+    "selection-applied": (payload: SCodeEditorSelectionAppliedPayload) => any;
+    "update:code": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onReady?: ((payload: SCodeEditorReadyPayload) => any) | undefined;
+    "onCursor-activity"?: ((payload: {
+        pos: number;
+        lineFrom: number;
+        lineTo: number;
+        lineText: string;
+        cursorCol: number;
+    }) => any) | undefined;
+    "onSelection-applied"?: ((payload: SCodeEditorSelectionAppliedPayload) => any) | undefined;
+    "onUpdate:code"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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