@pgcorp/ui-kit 0.10.2 → 0.12.0

package/dist/src/components/shared/_internal/SDialogSurface.vue_vue_type_script_setup_true_lang.js

@@ -2,75 +2,76 @@ import { X as e } from "../../icons/_internal/generatedSputnigUiIconComponents.j
 import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
 import { useInteractiveLeafRegistration as n } from "../../../internal/passiveContentContract.js";
 import r from "../controls/SButton.vue.js";
-import { assertDialogSurfacePresentation as i } from "./dialogSurface.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeProps as p, openBlock as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useId as y, useSlots as b, withCtx as x } from "vue";
+import { assertDialogSurfacePresentation as i, validateDialogSurfaceHeadingLevel as a } from "./dialogSurface.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, defineComponent as p, mergeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useId as b, useSlots as x, withCtx as S } from "vue";
 //#region src/components/shared/_internal/SDialogSurface.vue?vue&type=script&setup=true&lang.ts
-var S = { class: "s-dialog-surface__body" }, C = ["data-layout"], w = {
+var C = { class: "s-dialog-surface__body" }, w = ["data-layout"], T = {
 	key: 0,
 	class: "s-dialog-surface__footer-start"
-}, T = {
+}, E = {
 	key: 1,
 	class: "s-dialog-surface__footer-end"
-}, E = "div", D = /*@__PURE__*/ f({
+}, D = "div", O = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "SDialogSurface",
 	props: {
 		presentation: {},
 		title: {},
 		accessibleName: {},
+		headingLevel: {},
 		closable: { type: Boolean },
 		setSurfaceElement: { type: Function }
 	},
 	emits: ["request-close"],
-	setup(f, { emit: D }) {
-		let O = f, k = D, { t: A } = t();
-		i(O.presentation), n({ owner: "SDialogSurface" });
-		let j = b(), M = `s-dialog-title-${y()}`, N = o(() => O.presentation.kind === "modal"), P = o(() => O.presentation.kind === "modal" ? O.presentation : null), F = o(() => O.presentation.kind === "drawer" ? O.presentation : null), I = o(() => !!(O.title || j.header)), L = o(() => N.value && !!(j["footer-start"] || j["footer-end"])), R = o(() => L.value || !!j.footer), z = o(() => N.value ? "div" : "header"), B = o(() => N.value ? "h3" : "h2"), V = o(() => {
-			let e = O.presentation;
+	setup(p, { emit: O }) {
+		let k = p, A = O, { t: j } = t();
+		i(k.presentation), n({ owner: "SDialogSurface" });
+		let M = x(), N = `s-dialog-title-${b()}`, P = s(() => k.presentation.kind === "modal"), F = s(() => k.presentation.kind === "modal" ? k.presentation : null), I = s(() => k.presentation.kind === "drawer" ? k.presentation : null), L = s(() => !!(k.title || M.header)), R = s(() => P.value && !!(M["footer-start"] || M["footer-end"])), z = s(() => R.value || !!M.footer), B = s(() => P.value ? "div" : "header"), V = s(() => a("SDialogSurface", k.headingLevel)), H = s(() => `h${V.value}`), U = s(() => {
+			let e = k.presentation;
 			return e.kind === "drawer" ? e.placement === "bottom" ? "bottom-sheet" : e.mobileFullScreen ? "mobile-fullscreen" : "side-panel" : e.fullscreen || e.size === "full" ? "fullscreen" : "contained";
-		}), H = () => k("request-close");
-		return (t, n) => (m(), s(g(E), p({ ref: f.setSurfaceElement }, t.$attrs, {
+		}), W = () => A("request-close");
+		return (t, n) => (h(), c(_(D), m({ ref: p.setSurfaceElement }, t.$attrs, {
 			class: "s-dialog-surface",
-			"data-presentation": f.presentation.kind,
-			"data-layout": V.value,
-			"data-size": f.presentation.size,
-			"data-placement": F.value?.placement,
-			"data-surface": P.value?.surface,
-			"data-scroll": P.value?.scrollBehavior,
+			"data-presentation": p.presentation.kind,
+			"data-layout": U.value,
+			"data-size": p.presentation.size,
+			"data-placement": I.value?.placement,
+			"data-surface": F.value?.surface,
+			"data-scroll": F.value?.scrollBehavior,
 			tabindex: "-1",
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-labelledby": I.value ? M : void 0,
-			"aria-label": I.value ? void 0 : f.accessibleName
+			"aria-labelledby": L.value ? N : void 0,
+			"aria-label": L.value ? void 0 : p.accessibleName
 		}), {
-			default: x(() => [
-				I.value ? (m(), s(g(z.value), {
+			default: S(() => [
+				L.value ? (h(), c(_(B.value), {
 					key: 0,
 					class: "s-dialog-surface__header"
 				}, {
-					default: x(() => [(m(), s(g(B.value), {
-						id: M,
+					default: S(() => [(h(), c(_(H.value), {
+						id: N,
 						class: "s-dialog-surface__title"
 					}, {
-						default: x(() => [h(t.$slots, "header", {}, () => [d(_(f.title), 1)], !0)]),
+						default: S(() => [g(t.$slots, "header", {}, () => [f(v(p.title), 1)], !0)]),
 						_: 3
-					})), f.closable ? (m(), s(r, {
+					})), p.closable ? (h(), c(r, {
 						key: 0,
-						"leading-icon": v(e),
+						"leading-icon": y(e),
 						"icon-only": "",
 						appearance: "text",
 						size: "sm",
-						"aria-label": v(A)("dialog.close"),
-						onClick: H
-					}, null, 8, ["leading-icon", "aria-label"])) : c("", !0)]),
+						"aria-label": y(j)("dialog.close"),
+						onClick: W
+					}, null, 8, ["leading-icon", "aria-label"])) : l("", !0)]),
 					_: 3
-				})) : c("", !0),
-				u("div", S, [h(t.$slots, "default", {}, void 0, !0)]),
-				R.value ? (m(), l("div", {
+				})) : l("", !0),
+				d("div", C, [g(t.$slots, "default", {}, void 0, !0)]),
+				z.value ? (h(), u("div", {
 					key: 1,
 					class: "s-dialog-surface__footer",
-					"data-layout": L.value ? "split" : "end"
-				}, [L.value ? (m(), l(a, { key: 0 }, [t.$slots["footer-start"] ? (m(), l("div", w, [h(t.$slots, "footer-start", { close: H }, void 0, !0)])) : c("", !0), t.$slots["footer-end"] ? (m(), l("div", T, [h(t.$slots, "footer-end", { close: H }, void 0, !0)])) : c("", !0)], 64)) : h(t.$slots, "footer", { close: H }, void 0, !0, 1)], 8, C)) : c("", !0)
+					"data-layout": R.value ? "split" : "end"
+				}, [R.value ? (h(), u(o, { key: 0 }, [t.$slots["footer-start"] ? (h(), u("div", T, [g(t.$slots, "footer-start", { close: W }, void 0, !0)])) : l("", !0), t.$slots["footer-end"] ? (h(), u("div", E, [g(t.$slots, "footer-end", { close: W }, void 0, !0)])) : l("", !0)], 64)) : g(t.$slots, "footer", { close: W }, void 0, !0, 1)], 8, w)) : l("", !0)
 			]),
 			_: 3
 		}, 16, [
@@ -86,4 +87,4 @@ var S = { class: "s-dialog-surface__body" }, C = ["data-layout"], w = {
 	}
 });
 //#endregion
-export { D as default };
+export { O as default };

package/dist/src/components/shared/_internal/dialogSurface.d.ts

@@ -3,6 +3,9 @@ export type DialogSurfaceDrawerSize = 'sm' | 'md' | 'lg';
 export type DialogSurfaceDrawerPlacement = 'right' | 'bottom';
 export type DialogSurfaceTone = 'default' | 'subtle';
 export type DialogSurfaceScrollBehavior = 'page' | 'body';
+export type DialogSurfaceHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+/** Проверяет уровень native heading без числового coercion. / Validates a native heading level without numeric coercion. */
+export declare function validateDialogSurfaceHeadingLevel(owner: string, value: unknown): DialogSurfaceHeadingLevel;
 export interface ModalDialogSurfacePresentation {
     kind: 'modal';
     size: DialogSurfaceModalSize;

package/dist/src/components/shared/_internal/dialogSurface.js

@@ -1,20 +1,24 @@
 //#region src/components/shared/_internal/dialogSurface.ts
-var e = class extends Error {
+function e(e, t) {
+	if (t === 1 || t === 2 || t === 3 || t === 4 || t === 5 || t === 6) return t;
+	throw TypeError(`${e}: headingLevel должен быть целым числом от 1 до 6; получено ${String(t)}. / ${e}: headingLevel must be an integer from 1 to 6; received ${String(t)}.`);
+}
+var t = class extends Error {
 	constructor(e, t) {
 		super(t), this.name = "DialogSurfaceContractError", this.code = e;
 	}
-}, t = /* @__PURE__ */ new Set([
+}, n = /* @__PURE__ */ new Set([
 	"kind",
 	"size",
 	"fullscreen",
 	"surface",
 	"scrollBehavior"
-]), n = /* @__PURE__ */ new Set([
+]), r = /* @__PURE__ */ new Set([
 	"kind",
 	"size",
 	"placement",
 	"mobileFullScreen"
-]), r = /* @__PURE__ */ new Set([
+]), i = /* @__PURE__ */ new Set([
 	"sm",
 	"md",
 	"lg",
@@ -23,30 +27,30 @@ var e = class extends Error {
 	"3xl",
 	"wide",
 	"full"
-]), i = /* @__PURE__ */ new Set([
+]), a = /* @__PURE__ */ new Set([
 	"sm",
 	"md",
 	"lg"
-]), a = /* @__PURE__ */ new Set(["right", "bottom"]), o = /* @__PURE__ */ new Set(["default", "subtle"]), s = /* @__PURE__ */ new Set(["page", "body"]), c = (t, n, r) => {
-	let i = Object.keys(t).find((e) => !r.has(e));
-	if (i) throw new e("invalid-presentation", `SDialogSurface presentation kind="${n}" содержит недопустимое поле ${i}`);
+]), o = /* @__PURE__ */ new Set(["right", "bottom"]), s = /* @__PURE__ */ new Set(["default", "subtle"]), c = /* @__PURE__ */ new Set(["page", "body"]), l = (e, n, r) => {
+	let i = Object.keys(e).find((e) => !r.has(e));
+	if (i) throw new t("invalid-presentation", `SDialogSurface presentation kind="${n}" содержит недопустимое поле ${i}`);
 };
-function l(l) {
-	let u = l;
+function u(e) {
+	let u = e;
 	if (u.kind === "modal") {
-		if (c(u, "modal", t), !r.has(u.size)) throw new e("invalid-size", `Недопустимый размер SModal: ${String(u.size)}`);
-		if (typeof u.fullscreen != "boolean") throw new e("invalid-presentation", "SModal presentation требует boolean fullscreen");
-		if (!o.has(u.surface)) throw new e("invalid-surface", `Недопустимая поверхность SModal: ${String(u.surface)}`);
-		if (!s.has(u.scrollBehavior)) throw new e("invalid-scroll-behavior", `Недопустимый scroll behavior SModal: ${String(u.scrollBehavior)}`);
+		if (l(u, "modal", n), !i.has(u.size)) throw new t("invalid-size", `Недопустимый размер SModal: ${String(u.size)}`);
+		if (typeof u.fullscreen != "boolean") throw new t("invalid-presentation", "SModal presentation требует boolean fullscreen");
+		if (!s.has(u.surface)) throw new t("invalid-surface", `Недопустимая поверхность SModal: ${String(u.surface)}`);
+		if (!c.has(u.scrollBehavior)) throw new t("invalid-scroll-behavior", `Недопустимый scroll behavior SModal: ${String(u.scrollBehavior)}`);
 		return;
 	}
 	if (u.kind === "drawer") {
-		if (c(u, "drawer", n), !i.has(u.size)) throw new e("invalid-size", `Недопустимый размер SDrawer: ${String(u.size)}`);
-		if (!a.has(u.placement)) throw new e("invalid-presentation", `Недопустимое размещение SDrawer: ${String(u.placement)}`);
-		if (typeof u.mobileFullScreen != "boolean") throw new e("invalid-presentation", "SDrawer presentation требует boolean mobileFullScreen");
+		if (l(u, "drawer", r), !a.has(u.size)) throw new t("invalid-size", `Недопустимый размер SDrawer: ${String(u.size)}`);
+		if (!o.has(u.placement)) throw new t("invalid-presentation", `Недопустимое размещение SDrawer: ${String(u.placement)}`);
+		if (typeof u.mobileFullScreen != "boolean") throw new t("invalid-presentation", "SDrawer presentation требует boolean mobileFullScreen");
 		return;
 	}
-	throw new e("invalid-presentation", `Неизвестный kind SDialogSurface: ${String(u.kind)}`);
+	throw new t("invalid-presentation", `Неизвестный kind SDialogSurface: ${String(u.kind)}`);
 }
 //#endregion
-export { e as DialogSurfaceContractError, l as assertDialogSurfacePresentation };
+export { t as DialogSurfaceContractError, u as assertDialogSurfacePresentation, e as validateDialogSurfaceHeadingLevel };

package/dist/src/components/shared/containers/SDrawer.vue.d.ts

@@ -1,6 +1,7 @@
-import { DialogSurfaceDrawerPlacement, DialogSurfaceDrawerSize } from '../_internal/dialogSurface';
+import { DialogSurfaceDrawerPlacement, DialogSurfaceDrawerSize, DialogSurfaceHeadingLevel } from '../_internal/dialogSurface';
 export type DrawerSize = DialogSurfaceDrawerSize;
 export type DrawerPlacement = DialogSurfaceDrawerPlacement;
+export type DrawerHeadingLevel = DialogSurfaceHeadingLevel;
 export interface Props {
     open: boolean;
     title?: string;
@@ -9,6 +10,8 @@ export interface Props {
     placement?: DrawerPlacement;
     mobileFullScreen?: boolean;
     ariaLabel?: string;
+    /** Уровень видимого заголовка в document outline. / Visible title level in the document outline. */
+    headingLevel?: DrawerHeadingLevel;
 }
 declare var __VLS_28: {}, __VLS_30: {}, __VLS_33: {
     close: () => void;
@@ -33,6 +36,7 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     ariaLabel: string;
     placement: DrawerPlacement;
     mobileFullScreen: boolean;
+    headingLevel: DrawerHeadingLevel;
 }, {}, {}, {}, 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/containers/SDrawer.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SDrawer.css_vue_type_style_index_0_src_d0cace23_scoped_d0cace23_lang.css";
+import "../../../../assets/src/components/shared/containers/SDrawer.css_vue_type_style_index_0_src_091d7325_scoped_091d7325_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SDrawer.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                     */
 //#region src/components/shared/containers/SDrawer.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-d0cace23"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-091d7325"]]);
 //#endregion
 export { n as default };

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

@@ -2,10 +2,11 @@ import { useDialogOverlay as e } from "../../../composables/useDialogOverlay.js"
 import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import { validateBoolean as r, validateExactString as i } from "../../../internal/runtimeContract.js";
-import a from "../_internal/SDialogSurface.vue.js";
-import { Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createVNode as m, defineComponent as h, mergeProps as g, normalizeStyle as _, openBlock as v, renderSlot as y, unref as b, withCtx as x } from "vue";
+import { validateDialogSurfaceHeadingLevel as a } from "../_internal/dialogSurface.js";
+import o from "../_internal/SDialogSurface.vue.js";
+import { Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createVNode as h, defineComponent as g, mergeProps as _, normalizeStyle as v, openBlock as y, renderSlot as b, unref as x, withCtx as S } from "vue";
 //#region src/components/shared/containers/SDrawer.vue?vue&type=script&setup=true&lang.ts
-var S = ["data-placement"], C = ["data-placement"], w = /*@__PURE__*/ h({
+var C = ["data-placement"], w = ["data-placement"], T = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "SDrawer",
 	props: {
@@ -21,81 +22,84 @@ var S = ["data-placement"], C = ["data-placement"], w = /*@__PURE__*/ h({
 			type: Boolean,
 			default: !0
 		},
-		ariaLabel: { default: void 0 }
+		ariaLabel: { default: void 0 },
+		headingLevel: { default: 2 }
 	},
 	emits: ["update:open", "opened"],
-	setup(h, { emit: w }) {
-		let T = h, { t: E } = t(), D = w, O = n({
+	setup(g, { emit: T }) {
+		let E = g, { t: D } = t(), O = T, k = n({
 			component: "SDrawer",
 			owner: "drawer dialog surface"
-		}), k = c(() => T.ariaLabel ?? E("dialog.drawer")), A = c(() => i("SDrawer", "placement", T.placement, ["right", "bottom"])), j = c(() => i("SDrawer", "size", T.size, [
+		}), A = l(() => E.ariaLabel ?? D("dialog.drawer")), j = l(() => a("SDrawer", E.headingLevel)), M = l(() => i("SDrawer", "placement", E.placement, ["right", "bottom"])), N = l(() => i("SDrawer", "size", E.size, [
 			"sm",
 			"md",
 			"lg"
-		])), M = c(() => r("SDrawer", "open", T.open)), N = c(() => r("SDrawer", "closable", T.closable)), P = c(() => r("SDrawer", "mobileFullScreen", T.mobileFullScreen)), F = c(() => ({
+		])), P = l(() => r("SDrawer", "open", E.open)), F = l(() => r("SDrawer", "closable", E.closable)), I = l(() => r("SDrawer", "mobileFullScreen", E.mobileFullScreen)), L = l(() => ({
 			kind: "drawer",
-			size: j.value,
-			placement: A.value,
-			mobileFullScreen: P.value
+			size: N.value,
+			placement: M.value,
+			mobileFullScreen: I.value
 		}));
-		function I() {
-			A.value, j.value, M.value, N.value, P.value;
+		function R() {
+			M.value, N.value, P.value, F.value, I.value, j.value;
 		}
-		I();
-		function L() {
-			D("update:open", !1);
+		R();
+		function z() {
+			O("update:open", !1);
 		}
-		let { setPanelElement: R, backdropStyle: z, surfaceStyle: B } = e({
-			open: M,
-			closable: N,
-			requestClose: L,
-			opened: () => D("opened")
+		let { setPanelElement: B, backdropStyle: V, surfaceStyle: H } = e({
+			open: P,
+			closable: F,
+			requestClose: z,
+			opened: () => O("opened")
 		});
-		return (e, t) => (v(), l(o, { to: "body" }, [m(s, { name: "s-drawer-backdrop" }, {
-			default: x(() => [h.open ? (v(), d("div", {
+		return (e, t) => (y(), u(s, { to: "body" }, [h(c, { name: "s-drawer-backdrop" }, {
+			default: S(() => [g.open ? (y(), f("div", {
 				key: 0,
 				class: "s-drawer-backdrop",
-				style: _(b(z)),
+				style: v(x(V)),
 				"aria-hidden": "true"
-			}, null, 4)) : u("", !0)]),
+			}, null, 4)) : d("", !0)]),
 			_: 1
-		}), m(s, { name: "s-drawer-panel" }, {
-			default: x(() => [h.open ? (v(), d("div", {
+		}), h(c, { name: "s-drawer-panel" }, {
+			default: S(() => [g.open ? (y(), f("div", {
 				key: 0,
 				class: "s-drawer-shell",
-				"data-placement": A.value,
-				style: _(b(B))
-			}, [f("div", {
+				"data-placement": M.value,
+				style: v(x(H))
+			}, [p("div", {
 				class: "s-drawer-positioner",
-				"data-placement": A.value
-			}, [m(a, g(b(O).bindings(), {
-				presentation: F.value,
-				title: h.title,
-				"accessible-name": k.value,
-				closable: h.closable,
-				"set-surface-element": b(R),
-				onRequestClose: L
-			}), p({
-				default: x(() => [y(e.$slots, "default", {}, void 0, !0)]),
+				"data-placement": M.value
+			}, [h(o, _(x(k).bindings(), {
+				presentation: L.value,
+				title: g.title,
+				"accessible-name": A.value,
+				"heading-level": j.value,
+				closable: g.closable,
+				"set-surface-element": x(B),
+				onRequestClose: z
+			}), m({
+				default: S(() => [b(e.$slots, "default", {}, void 0, !0)]),
 				_: 2
 			}, [e.$slots.header ? {
 				name: "header",
-				fn: x(() => [y(e.$slots, "header", {}, void 0, !0)]),
+				fn: S(() => [b(e.$slots, "header", {}, void 0, !0)]),
 				key: "0"
 			} : void 0, e.$slots.footer ? {
 				name: "footer",
-				fn: x(({ close: t }) => [y(e.$slots, "footer", { close: t }, void 0, !0)]),
+				fn: S(({ close: t }) => [b(e.$slots, "footer", { close: t }, void 0, !0)]),
 				key: "1"
 			} : void 0]), 1040, [
 				"presentation",
 				"title",
 				"accessible-name",
+				"heading-level",
 				"closable",
 				"set-surface-element"
-			])], 8, C)], 12, S)) : u("", !0)]),
+			])], 8, w)], 12, C)) : d("", !0)]),
 			_: 3
 		})]));
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };

package/dist/src/components/shared/containers/SModal.vue.d.ts

@@ -1,7 +1,8 @@
-import { DialogSurfaceModalSize, DialogSurfaceScrollBehavior, DialogSurfaceTone } from '../_internal/dialogSurface';
+import { DialogSurfaceHeadingLevel, DialogSurfaceModalSize, DialogSurfaceScrollBehavior, DialogSurfaceTone } from '../_internal/dialogSurface';
 export type ModalSize = DialogSurfaceModalSize;
 export type ModalSurface = DialogSurfaceTone;
 export type ModalScrollBehavior = DialogSurfaceScrollBehavior;
+export type ModalHeadingLevel = DialogSurfaceHeadingLevel;
 export interface Props {
     open: boolean;
     title?: string;
@@ -12,6 +13,8 @@ export interface Props {
     surface?: ModalSurface;
     scrollBehavior?: ModalScrollBehavior;
     ariaLabel?: string;
+    /** Уровень видимого заголовка в document outline. / Visible title level in the document outline. */
+    headingLevel?: ModalHeadingLevel;
 }
 declare var __VLS_28: {}, __VLS_30: {}, __VLS_33: {
     close: () => void;
@@ -45,6 +48,7 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     ariaLabel: string;
     surface: ModalSurface;
     scrollBehavior: ModalScrollBehavior;
+    headingLevel: ModalHeadingLevel;
     fullScreen: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_dc3c799e_scoped_dc3c799e_lang.css";
+import "../../../../assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_23373daf_scoped_23373daf_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SModal.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                    */
 //#region src/components/shared/containers/SModal.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-dc3c799e"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-23373daf"]]);
 //#endregion
 export { n as default };

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

@@ -1,10 +1,11 @@
 import { useDialogOverlay as e } from "../../../composables/useDialogOverlay.js";
 import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
-import r from "../_internal/SDialogSurface.vue.js";
-import { Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderSlot as v, toRef as y, unref as b, withCtx as x } from "vue";
+import { validateDialogSurfaceHeadingLevel as r } from "../_internal/dialogSurface.js";
+import i from "../_internal/SDialogSurface.vue.js";
+import { Teleport as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, openBlock as v, renderSlot as y, toRef as b, unref as x, withCtx as S } from "vue";
 //#region src/components/shared/containers/SModal.vue?vue&type=script&setup=true&lang.ts
-var S = /*@__PURE__*/ p({
+var C = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "SModal",
 	props: {
@@ -22,83 +23,88 @@ var S = /*@__PURE__*/ p({
 		layout: { default: "desktop" },
 		surface: { default: "default" },
 		scrollBehavior: { default: "page" },
-		ariaLabel: { default: void 0 }
+		ariaLabel: { default: void 0 },
+		headingLevel: { default: 2 }
 	},
 	emits: ["update:open", "opened"],
-	setup(p, { emit: S }) {
-		let C = p, { t: w } = t(), T = S;
-		function E() {
-			T("update:open", !1);
+	setup(m, { emit: C }) {
+		let w = m, { t: T } = t(), E = C;
+		function D() {
+			E("update:open", !1);
 		}
-		let D = o(() => C.fullScreen || C.layout === "mobile-fullscreen"), O = n({
+		let O = s(() => w.fullScreen || w.layout === "mobile-fullscreen"), k = n({
 			component: "SModal",
 			owner: "modal dialog surface"
-		}), k = o(() => C.ariaLabel ?? w("dialog.modal")), A = o(() => ({
+		}), A = s(() => w.ariaLabel ?? T("dialog.modal")), j = s(() => r("SModal", w.headingLevel));
+		j.value;
+		let M = s(() => ({
 			kind: "modal",
-			size: C.size,
-			fullscreen: D.value,
-			surface: C.surface,
-			scrollBehavior: C.scrollBehavior
-		})), { setPanelElement: j, backdropStyle: M, surfaceStyle: N } = e({
-			open: y(C, "open"),
-			closable: y(C, "closable"),
-			requestClose: E,
-			opened: () => T("opened")
+			size: w.size,
+			fullscreen: O.value,
+			surface: w.surface,
+			scrollBehavior: w.scrollBehavior
+		})), { setPanelElement: N, backdropStyle: P, surfaceStyle: F } = e({
+			open: b(w, "open"),
+			closable: b(w, "closable"),
+			requestClose: D,
+			opened: () => E("opened")
 		});
-		return (e, t) => (_(), s(i, { to: "body" }, [f(a, { name: "s-modal-backdrop" }, {
-			default: x(() => [p.open ? (_(), l("div", {
+		return (e, t) => (v(), c(a, { to: "body" }, [p(o, { name: "s-modal-backdrop" }, {
+			default: S(() => [m.open ? (v(), u("div", {
 				key: 0,
 				class: "s-modal-backdrop",
-				style: g(b(M)),
+				style: _(x(P)),
 				"aria-hidden": "true"
-			}, null, 4)) : c("", !0)]),
+			}, null, 4)) : l("", !0)]),
 			_: 1
-		}), f(a, { name: "s-modal-panel" }, {
-			default: x(() => [p.open ? (_(), l("div", {
+		}), p(o, { name: "s-modal-panel" }, {
+			default: S(() => [m.open ? (v(), u("div", {
 				key: 0,
 				class: "s-modal-container",
-				style: g(b(N))
-			}, [u("div", { class: h(["s-modal-panel-container", { "s-modal-panel-container--fullscreen": D.value }]) }, [f(r, m(b(O).bindings(), {
-				presentation: A.value,
-				title: p.title,
-				"accessible-name": k.value,
-				closable: p.closable,
-				"set-surface-element": b(j),
-				onRequestClose: E
-			}), d({
-				default: x(() => [v(e.$slots, "default", {}, void 0, !0)]),
+				style: _(x(F))
+			}, [d("div", { class: g(["s-modal-panel-container", { "s-modal-panel-container--fullscreen": O.value }]) }, [p(i, h(x(k).bindings(), {
+				presentation: M.value,
+				title: m.title,
+				"accessible-name": A.value,
+				"heading-level": j.value,
+				closable: m.closable,
+				"set-surface-element": x(N),
+				onRequestClose: D
+			}), f({
+				default: S(() => [y(e.$slots, "default", {}, void 0, !0)]),
 				_: 2
 			}, [
 				e.$slots.header ? {
 					name: "header",
-					fn: x(() => [v(e.$slots, "header", {}, void 0, !0)]),
+					fn: S(() => [y(e.$slots, "header", {}, void 0, !0)]),
 					key: "0"
 				} : void 0,
 				e.$slots.footer ? {
 					name: "footer",
-					fn: x(({ close: t }) => [v(e.$slots, "footer", { close: t }, void 0, !0)]),
+					fn: S(({ close: t }) => [y(e.$slots, "footer", { close: t }, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots["footer-start"] ? {
 					name: "footer-start",
-					fn: x(({ close: t }) => [v(e.$slots, "footer-start", { close: t }, void 0, !0)]),
+					fn: S(({ close: t }) => [y(e.$slots, "footer-start", { close: t }, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots["footer-end"] ? {
 					name: "footer-end",
-					fn: x(({ close: t }) => [v(e.$slots, "footer-end", { close: t }, void 0, !0)]),
+					fn: S(({ close: t }) => [y(e.$slots, "footer-end", { close: t }, void 0, !0)]),
 					key: "3"
 				} : void 0
 			]), 1040, [
 				"presentation",
 				"title",
 				"accessible-name",
+				"heading-level",
 				"closable",
 				"set-surface-element"
-			])], 2)], 4)) : c("", !0)]),
+			])], 2)], 4)) : l("", !0)]),
 			_: 3
 		})]));
 	}
 });
 //#endregion
-export { S as default };
+export { C as default };

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

@@ -12,6 +12,7 @@ export type SButtonWidth = 'auto' | 'fit' | 'full';
 export type SButtonContentAlign = 'center' | 'start' | 'end' | 'between';
 export type SButtonAppearance = 'solid' | 'soft' | 'outline' | 'ghost' | 'text';
 export type SButtonShape = 'default' | 'pill' | 'square' | 'circle' | 'row';
+export type SButtonLabelOverflow = 'truncate' | 'wrap';
 export type SButtonNativeType = 'button' | 'reset' | 'submit';
 export interface SButtonDisclosure {
     expanded: boolean;
@@ -41,6 +42,8 @@ interface SButtonPresentationProps {
     contentAlign?: SButtonContentAlign;
     appearance?: SButtonAppearance;
     shape?: SButtonShape;
+    /** Visual overflow policy for the text label; wrap preserves the semantic hitbox as a minimum. */
+    labelOverflow?: SButtonLabelOverflow;
     pressed?: boolean | 'mixed';
     busy?: boolean;
     disclosure?: SButtonDisclosure;

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_52ad38b1_scoped_52ad38b1_lang.css";
+import "../../../../assets/src/components/shared/controls/SButton.css_vue_type_style_index_0_src_a5d8f7e0_scoped_a5d8f7e0_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-52ad38b1"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-a5d8f7e0"]]);
 //#endregion
 export { n as default };