@pgcorp/ui-kit 0.12.0 → 0.14.0

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

@@ -3,20 +3,20 @@ import n from "../data-display/SBadge.vue.js";
 import { useInteractiveLeafRegistration as r } from "../../../internal/passiveContentContract.js";
 import { resolveLinkTarget as i } from "../../../internal/linkTarget.js";
 import { menuContextKey as a } from "./menuContext.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, openBlock as g, ref as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
-import { RouterLink as S } from "vue-router";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, openBlock as g, ref as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useId as x, withCtx as S } from "vue";
+import { RouterLink as C } from "vue-router";
 //#region src/components/shared/_internal/SMenuItem.vue?vue&type=script&setup=true&lang.ts
-var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T = {
+var w = { class: "s-menu-item__main" }, T = { class: "s-menu-item__text" }, E = { class: "s-menu-item__label" }, D = {
 	key: 0,
 	class: "s-menu-item__meta"
-}, E = {
+}, O = {
 	key: 0,
 	class: "s-menu-item__badge"
-}, D = {
+}, ee = {
 	key: 1,
 	class: "s-menu-item__shortcut",
 	"aria-hidden": "true"
-}, O = [
+}, te = [
 	"role",
 	"data-layout",
 	"data-density",
@@ -26,12 +26,13 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
 	"aria-current",
 	"aria-checked",
 	"aria-haspopup",
-	"aria-expanded"
-], k = { class: "s-menu-item__main" }, A = { class: "s-menu-item__state" }, j = {
+	"aria-expanded",
+	"aria-describedby"
+], ne = { class: "s-menu-item__main" }, k = { class: "s-menu-item__state" }, A = {
 	key: 1,
 	class: "s-menu-item__radio-dot",
 	"aria-hidden": "true"
-}, M = { class: "s-menu-item__label" }, N = {
+}, j = { class: "s-menu-item__text" }, M = { class: "s-menu-item__label" }, N = {
 	key: 0,
 	class: "s-menu-item__meta"
 }, P = {
@@ -59,76 +60,76 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
 	setup(p, { emit: I }) {
 		let L = m(a);
 		if (!L) throw Error("SMenuItem must be used inside SMenuSurface");
-		let R = L, z = p, B = I, V = _(null);
+		let R = L, z = `s-menu-item-description-${x()}`, B = p, V = I, H = _(null);
 		r({ owner: "SMenuItem" });
-		let H, U = !1, W = o(() => z.entry.kind === "destination" ? i({
-			href: z.entry.href,
-			to: z.entry.to,
-			target: z.entry.target ?? "_self",
-			rel: z.entry.rel,
-			owner: `SMenuItem(${z.entry.id})`
-		}) : null), G = o(() => W.value?.kind === "router" ? S : "a"), K = o(() => W.value?.bindings ?? {}), q = o(() => z.entry.kind === "checkbox" ? "menuitemcheckbox" : z.entry.kind === "radio" ? "menuitemradio" : "menuitem"), J = o(() => z.entry.kind === "checkbox" || z.entry.kind === "radio" ? z.entry.checked : void 0), Y = o(() => (z.entry.kind === "action" || z.entry.kind === "destination") && !(!z.entry.current || z.entry.disabled));
-		function X() {
-			let e = V.value;
+		let U, W = !1, G = o(() => B.entry.kind === "destination" ? i({
+			href: B.entry.href,
+			to: B.entry.to,
+			target: B.entry.target ?? "_self",
+			rel: B.entry.rel,
+			owner: `SMenuItem(${B.entry.id})`
+		}) : null), K = o(() => G.value?.kind === "router" ? C : "a"), q = o(() => G.value?.bindings ?? {}), J = o(() => B.entry.kind === "checkbox" ? "menuitemcheckbox" : B.entry.kind === "radio" ? "menuitemradio" : "menuitem"), Y = o(() => B.entry.kind === "checkbox" || B.entry.kind === "radio" ? B.entry.checked : void 0), X = o(() => (B.entry.kind === "action" || B.entry.kind === "destination") && !(!B.entry.current || B.entry.disabled));
+		function Z() {
+			let e = H.value;
 			if (!e) throw Error("SMenuItem: interactive element is unavailable");
 			return e;
 		}
-		function Z(e) {
+		function Q(e) {
 			if (!(e.el instanceof HTMLElement)) throw Error("SMenuItem: interactive component must render one HTMLElement root");
-			V.value !== e.el && (H?.(), V.value = e.el, H = R.register({
-				entryId: z.entry.id,
-				label: () => z.entry.label,
-				hasSubmenu: () => z.entry.kind === "submenu",
-				element: X,
+			H.value !== e.el && (U?.(), H.value = e.el, U = R.register({
+				entryId: B.entry.id,
+				label: () => B.entry.label,
+				hasSubmenu: () => B.entry.kind === "submenu",
+				element: Z,
 				setTabStop: (e) => {
-					X().tabIndex = e ? 0 : -1;
+					Z().tabIndex = e ? 0 : -1;
 				},
-				focus: () => X().focus(),
-				isFocused: () => document.activeElement === V.value,
-				ownsEventTarget: (e) => e instanceof Node && (e === V.value || X().contains(e)),
-				activate: te
+				focus: () => Z().focus(),
+				isFocused: () => document.activeElement === H.value,
+				ownsEventTarget: (e) => e instanceof Node && (e === H.value || Z().contains(e)),
+				activate: ae
 			}));
 		}
-		function Q() {
-			H?.(), H = void 0, V.value = null;
+		function $() {
+			U?.(), U = void 0, H.value = null;
 		}
-		function $(e) {
-			if (z.entry.disabled) {
+		function re(e) {
+			if (B.entry.disabled) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			if (z.entry.kind === "submenu") {
-				B("open-submenu");
+			if (B.entry.kind === "submenu") {
+				V("open-submenu");
 				return;
 			}
-			B("select", e);
+			V("select", e);
 		}
-		function ee(e) {
-			U && e.detail === 0 || (U = !1, B("select", e));
+		function ie(e) {
+			W && e.detail === 0 || (W = !1, V("select", e));
 		}
-		function te(e) {
-			if (!z.entry.disabled) {
-				if (z.entry.kind === "submenu") {
-					e.preventDefault(), B("open-submenu");
+		function ae(e) {
+			if (!B.entry.disabled) {
+				if (B.entry.kind === "submenu") {
+					e.preventDefault(), V("open-submenu");
 					return;
 				}
-				if (z.entry.kind === "destination") {
-					B("select", e);
+				if (B.entry.kind === "destination") {
+					V("select", e);
 					let t = e.defaultPrevented;
 					if (e.preventDefault(), !t) {
-						U = !0;
+						W = !0;
 						try {
-							X().click();
+							Z().click();
 						} finally {
-							U = !1;
+							W = !1;
 						}
 					}
 					return;
 				}
-				e.preventDefault(), B("select", e);
+				e.preventDefault(), V("select", e);
 			}
 		}
-		return (r, i) => p.entry.kind === "destination" && !p.entry.disabled ? (g(), s(v(G.value), h({ key: 0 }, K.value, {
+		return (r, i) => p.entry.kind === "destination" && !p.entry.disabled ? (g(), s(v(K.value), h({ key: 0 }, q.value, {
 			class: "s-menu-item",
 			role: "menuitem",
 			"data-layout": p.entry.layout ?? "row",
@@ -137,72 +138,83 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
 			"data-current": p.entry.current || void 0,
 			tabindex: "-1",
 			"aria-current": p.entry.current ? "page" : void 0,
-			onClick: ee,
-			onPointermove: i[0] ||= (e) => B("pointer-intent"),
-			onVnodeMounted: Z,
-			onVnodeUpdated: Z,
-			onVnodeBeforeUnmount: Q
+			"aria-describedby": p.entry.description ? z : void 0,
+			onClick: ie,
+			onPointermove: i[0] ||= (e) => V("pointer-intent"),
+			onVnodeMounted: Q,
+			onVnodeUpdated: Q,
+			onVnodeBeforeUnmount: $
 		}), {
-			default: x(() => [u("span", C, [
+			default: S(() => [u("span", w, [
 				i[2] ||= u("span", { class: "s-menu-item__state" }, null, -1),
 				p.entry.icon ? (g(), s(v(p.entry.icon), {
 					key: 0,
 					class: "s-menu-item__icon",
 					"aria-hidden": "true"
 				})) : c("", !0),
-				u("span", w, y(p.entry.label), 1)
-			]), p.entry.badge !== void 0 || p.entry.shortcut ? (g(), l("span", T, [p.entry.badge === void 0 ? c("", !0) : (g(), l("span", E, [f(n, {
+				u("span", T, [u("span", E, y(p.entry.label), 1), p.entry.description ? (g(), l("span", {
+					key: 0,
+					id: z,
+					class: "s-menu-item__description"
+				}, y(p.entry.description), 1)) : c("", !0)])
+			]), p.entry.badge !== void 0 || p.entry.shortcut ? (g(), l("span", D, [p.entry.badge === void 0 ? c("", !0) : (g(), l("span", O, [f(n, {
 				severity: p.entry.badgeSeverity ?? "secondary",
 				size: "xs"
 			}, {
-				default: x(() => [d(y(p.entry.badge), 1)]),
+				default: S(() => [d(y(p.entry.badge), 1)]),
 				_: 1
-			}, 8, ["severity"])])), p.entry.shortcut ? (g(), l("span", D, y(p.entry.shortcut), 1)) : c("", !0)])) : c("", !0)]),
+			}, 8, ["severity"])])), p.entry.shortcut ? (g(), l("span", ee, y(p.entry.shortcut), 1)) : c("", !0)])) : c("", !0)]),
 			_: 1
 		}, 16, [
 			"data-layout",
 			"data-density",
 			"data-menu-entry-id",
 			"data-current",
-			"aria-current"
+			"aria-current",
+			"aria-describedby"
 		])) : (g(), l("button", {
 			key: 1,
 			class: "s-menu-item",
 			type: "button",
-			role: q.value,
+			role: J.value,
 			"data-layout": p.entry.layout ?? "row",
 			"data-density": b(R).density.value,
 			"data-menu-entry-id": p.entry.id,
-			"data-current": Y.value || void 0,
+			"data-current": X.value || void 0,
 			tabindex: "-1",
 			"aria-disabled": p.entry.disabled || void 0,
-			"aria-current": Y.value ? "page" : void 0,
-			"aria-checked": J.value,
+			"aria-current": X.value ? "page" : void 0,
+			"aria-checked": Y.value,
 			"aria-haspopup": p.entry.kind === "submenu" ? "menu" : void 0,
 			"aria-expanded": p.entry.kind === "submenu" ? p.submenuOpen : void 0,
-			onClick: $,
-			onPointermove: i[1] ||= (e) => B("pointer-intent"),
-			onVnodeMounted: Z,
-			onVnodeUpdated: Z,
-			onVnodeBeforeUnmount: Q
-		}, [u("span", k, [
-			u("span", A, [p.entry.kind === "checkbox" && p.entry.checked !== !1 ? (g(), s(b(e), {
+			"aria-describedby": p.entry.description ? z : void 0,
+			onClick: re,
+			onPointermove: i[1] ||= (e) => V("pointer-intent"),
+			onVnodeMounted: Q,
+			onVnodeUpdated: Q,
+			onVnodeBeforeUnmount: $
+		}, [u("span", ne, [
+			u("span", k, [p.entry.kind === "checkbox" && p.entry.checked !== !1 ? (g(), s(b(e), {
 				key: 0,
 				class: "s-menu-item__state-icon",
 				"aria-hidden": "true"
-			})) : p.entry.kind === "radio" && p.entry.checked ? (g(), l("span", j)) : c("", !0)]),
+			})) : p.entry.kind === "radio" && p.entry.checked ? (g(), l("span", A)) : c("", !0)]),
 			p.entry.icon ? (g(), s(v(p.entry.icon), {
 				key: 0,
 				class: "s-menu-item__icon",
 				"aria-hidden": "true"
 			})) : c("", !0),
-			u("span", M, y(p.entry.label), 1)
+			u("span", j, [u("span", M, y(p.entry.label), 1), p.entry.description ? (g(), l("span", {
+				key: 0,
+				id: z,
+				class: "s-menu-item__description"
+			}, y(p.entry.description), 1)) : c("", !0)])
 		]), p.entry.badge !== void 0 || p.entry.shortcut || p.entry.kind === "submenu" ? (g(), l("span", N, [
 			p.entry.badge === void 0 ? c("", !0) : (g(), l("span", P, [f(n, {
 				severity: p.entry.badgeSeverity ?? "secondary",
 				size: "xs"
 			}, {
-				default: x(() => [d(y(p.entry.badge), 1)]),
+				default: S(() => [d(y(p.entry.badge), 1)]),
 				_: 1
 			}, 8, ["severity"])])),
 			p.entry.shortcut ? (g(), l("span", F, y(p.entry.shortcut), 1)) : c("", !0),
@@ -211,7 +223,7 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
 				class: "s-menu-item__submenu-icon",
 				"aria-hidden": "true"
 			})) : c("", !0)
-		])) : c("", !0)], 40, O));
+		])) : c("", !0)], 40, te));
 	}
 });
 //#endregion

package/dist/src/components/shared/_internal/SMenuLayer.vue.d.ts

@@ -1,5 +1,8 @@
 import { ElementApi } from '../../../internal/interactiveElement';
-export type SMenuLayerApi = ElementApi<HTMLDivElement>;
+import { FloatingAvailableSize, FloatingSizingElements } from '../../../composables/useFloatingPosition';
+export interface SMenuLayerApi extends ElementApi<HTMLDivElement> {
+    getSizingElements: () => FloatingSizingElements | null;
+}
 interface Props {
     kind: 'dropdown' | 'context' | 'submenu';
     landmarkLabel: string;
@@ -8,6 +11,7 @@ interface Props {
         top: number;
     };
     zIndex: string;
+    availableSize: FloatingAvailableSize | null;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/src/components/shared/_internal/SMenuLayer.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/_internal/SMenuLayer.css_vue_type_style_index_0_src_4913bbe1_scoped_4913bbe1_lang.css";
+import "../../../../assets/src/components/shared/_internal/SMenuLayer.css_vue_type_style_index_0_src_e478164c_scoped_e478164c_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SMenuLayer.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                        */
 //#region src/components/shared/_internal/SMenuLayer.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-4913bbe1"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-e478164c"]]);
 //#endregion
 export { n as default };

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

@@ -1,33 +1,77 @@
-import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a, ref as o, renderSlot as s } from "vue";
+import { useOverlayAdmission as e } from "../../../internal/overlayHost.js";
+import { menuViewportKey as t } from "./menuContext.js";
+import { computed as n, createElementBlock as r, defineComponent as i, nextTick as a, normalizeClass as o, normalizeStyle as s, openBlock as c, provide as l, ref as u, renderSlot as d, unref as f, watch as p } from "vue";
 //#region src/components/shared/_internal/SMenuLayer.vue?vue&type=script&setup=true&lang.ts
-var c = ["data-kind", "aria-label"], l = /*@__PURE__*/ n({
+var m = [
+	"hidden",
+	"^inert",
+	"data-kind",
+	"aria-label"
+], h = /*@__PURE__*/ i({
 	__name: "SMenuLayer",
 	props: {
 		kind: {},
 		landmarkLabel: {},
 		position: {},
-		zIndex: {}
+		zIndex: {},
+		availableSize: {}
 	},
-	setup(n, { expose: l }) {
-		let u = n, d = o(null), f = e(() => ({
-			left: `${u.position.left}px`,
-			top: `${u.position.top}px`,
-			zIndex: u.zIndex
+	setup(i, { expose: h }) {
+		let g = i, _ = u(null), v = e(), y = u(!v.value);
+		p(v, (e) => {
+			if (e) return;
+			y.value = !0;
+			let t = _.value;
+			if (!t) return;
+			t.hidden = !0, t.setAttribute("inert", "");
+			let n = t.ownerDocument.activeElement;
+			n instanceof HTMLElement && t.contains(n) && n.blur();
+		}, { flush: "sync" });
+		let b = null;
+		l(t, { register(e) {
+			if (b !== null) throw Error("SMenuLayer: exactly one native menu sizing surface is allowed");
+			if (!e.surface.contains(e.content)) throw Error("SMenuLayer: native sizing content must belong to its surface");
+			return b = e, () => {
+				b === e && (b = null);
+			};
+		} });
+		let x = n(() => ({
+			left: `${g.position.left}px`,
+			top: `${g.position.top}px`,
+			zIndex: g.zIndex,
+			...g.availableSize ? {
+				"--s-menu-viewport-available-inline-size": `${g.availableSize.width}px`,
+				"--s-menu-viewport-available-block-size": `${g.availableSize.height}px`
+			} : {}
 		}));
-		return l({ getElement: () => {
-			let e = d.value;
-			if (!e) throw Error("SMenuLayer: layer element is unavailable");
-			return e;
-		} }), (e, o) => (a(), t("div", {
+		return p(() => [g.availableSize?.width, g.availableSize?.height], async ([e, t], n) => {
+			if (e === n[0] && t === n[1]) return;
+			let r = b;
+			await a(), r && b === r && _.value?.isConnected && r.surface.isConnected && _.value.contains(r.surface) && r.revealFocusedItem();
+		}), h({
+			getElement: () => {
+				let e = _.value;
+				if (!e) throw Error("SMenuLayer: layer element is unavailable");
+				return e;
+			},
+			getSizingElements: () => {
+				let e = _.value;
+				if (!e || !b) return null;
+				if (!e.contains(b.surface)) throw Error("SMenuLayer: native sizing surface must belong to the current layer");
+				return b;
+			}
+		}), (e, t) => (c(), r("div", {
 			ref_key: "layerRef",
-			ref: d,
-			class: r(["s-menu-layer", [`s-menu-layer--${n.kind}`, n.kind === "context" ? "s-context-menu" : n.kind === "dropdown" ? "s-dropdown-menu-items" : "s-submenu-items"]]),
-			"data-kind": n.kind,
+			ref: _,
+			hidden: y.value || !f(v),
+			"^inert": y.value || !f(v) ? !0 : void 0,
+			class: o(["s-menu-layer", [`s-menu-layer--${i.kind}`, i.kind === "context" ? "s-context-menu" : i.kind === "dropdown" ? "s-dropdown-menu-items" : "s-submenu-items"]]),
+			"data-kind": i.kind,
 			role: "region",
-			"aria-label": n.landmarkLabel,
-			style: i(f.value)
-		}, [s(e.$slots, "default", {}, void 0, !0)], 14, c));
+			"aria-label": i.landmarkLabel,
+			style: s(x.value)
+		}, [d(e.$slots, "default", {}, void 0, !0)], 14, m));
 	}
 });
 //#endregion
-export { l as default };
+export { h as default };

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

@@ -1,6 +1,8 @@
-export type DialogSurfaceModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'wide' | 'full';
+export type DialogSurfaceModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'wide' | 'full';
 export type DialogSurfaceDrawerSize = 'sm' | 'md' | 'lg';
-export type DialogSurfaceDrawerPlacement = 'right' | 'bottom';
+export type DialogSurfaceDrawerPlacement = 'left' | 'right' | 'bottom';
+export type DialogSurfaceDrawerScope = 'viewport' | 'contained';
+export type DialogSurfaceDrawerScrollBehavior = 'body' | 'content';
 export type DialogSurfaceTone = 'default' | 'subtle';
 export type DialogSurfaceScrollBehavior = 'page' | 'body';
 export type DialogSurfaceHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
@@ -13,12 +15,22 @@ export interface ModalDialogSurfacePresentation {
     surface: DialogSurfaceTone;
     scrollBehavior: DialogSurfaceScrollBehavior;
 }
-export interface DrawerDialogSurfacePresentation {
+interface DrawerDialogSurfaceBase {
     kind: 'drawer';
     size: DialogSurfaceDrawerSize;
     placement: DialogSurfaceDrawerPlacement;
     mobileFullScreen: boolean;
+    scrollBehavior: DialogSurfaceDrawerScrollBehavior;
 }
+export type DrawerDialogSurfacePresentation = DrawerDialogSurfaceBase & ({
+    scope: 'viewport';
+    extent?: never;
+} | {
+    scope: 'contained';
+    extent: number;
+});
+/** Validates an exact finite percentage in (0,100], with no unit coercion. */
+export declare function validateDrawerExtent(owner: string, value: unknown): number;
 export type DialogSurfacePresentation = ModalDialogSurfacePresentation | DrawerDialogSurfacePresentation;
 export type DialogSurfaceContractErrorCode = 'invalid-presentation' | 'invalid-size' | 'invalid-surface' | 'invalid-scroll-behavior';
 export declare class DialogSurfaceContractError extends Error {
@@ -30,3 +42,4 @@ export declare class DialogSurfaceContractError extends Error {
  * Validates the private dialog surface discriminated contract without fallback branches.
  */
 export declare function assertDialogSurfacePresentation(presentation: DialogSurfacePresentation): asserts presentation is DialogSurfacePresentation;
+export {};

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

@@ -1,56 +1,73 @@
+import { hasOwn as e } from "../../../internal/es2020.js";
 //#region src/components/shared/_internal/dialogSurface.ts
-function e(e, t) {
+function t(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 {
+function n(e, t) {
+	if (typeof t == "number" && Number.isFinite(t) && t > 0 && t <= 100) return t;
+	throw TypeError(`${e}: extent must be a finite percentage in (0,100]; received ${String(t)}`);
+}
+var r = class extends Error {
 	constructor(e, t) {
 		super(t), this.name = "DialogSurfaceContractError", this.code = e;
 	}
-}, n = /* @__PURE__ */ new Set([
+}, i = /* @__PURE__ */ new Set([
 	"kind",
 	"size",
 	"fullscreen",
 	"surface",
 	"scrollBehavior"
-]), r = /* @__PURE__ */ new Set([
+]), a = /* @__PURE__ */ new Set([
 	"kind",
 	"size",
 	"placement",
-	"mobileFullScreen"
-]), i = /* @__PURE__ */ new Set([
+	"mobileFullScreen",
+	"scope",
+	"extent",
+	"scrollBehavior"
+]), o = /* @__PURE__ */ new Set([
 	"sm",
 	"md",
 	"lg",
 	"xl",
 	"2xl",
 	"3xl",
+	"4xl",
 	"wide",
 	"full"
-]), a = /* @__PURE__ */ new Set([
+]), s = /* @__PURE__ */ new Set([
 	"sm",
 	"md",
 	"lg"
-]), 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}`);
+]), c = /* @__PURE__ */ new Set([
+	"left",
+	"right",
+	"bottom"
+]), l = /* @__PURE__ */ new Set(["default", "subtle"]), u = /* @__PURE__ */ new Set(["page", "body"]), d = (e, t, n) => {
+	let i = Object.keys(e).find((e) => !n.has(e));
+	if (i) throw new r("invalid-presentation", `SDialogSurface presentation kind="${t}" содержит недопустимое поле ${i}`);
 };
-function u(e) {
-	let u = e;
-	if (u.kind === "modal") {
-		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)}`);
+function f(t) {
+	let f = t;
+	if (f.kind === "modal") {
+		if (d(f, "modal", i), !o.has(f.size)) throw new r("invalid-size", `Недопустимый размер SModal: ${String(f.size)}`);
+		if (typeof f.fullscreen != "boolean") throw new r("invalid-presentation", "SModal presentation требует boolean fullscreen");
+		if (!l.has(f.surface)) throw new r("invalid-surface", `Недопустимая поверхность SModal: ${String(f.surface)}`);
+		if (!u.has(f.scrollBehavior)) throw new r("invalid-scroll-behavior", `Недопустимый scroll behavior SModal: ${String(f.scrollBehavior)}`);
 		return;
 	}
-	if (u.kind === "drawer") {
-		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");
+	if (f.kind === "drawer") {
+		if (d(f, "drawer", a), !s.has(f.size)) throw new r("invalid-size", `Недопустимый размер SDrawer: ${String(f.size)}`);
+		if (!c.has(f.placement)) throw new r("invalid-presentation", `Недопустимое размещение SDrawer: ${String(f.placement)}`);
+		if (typeof f.mobileFullScreen != "boolean") throw new r("invalid-presentation", "SDrawer presentation требует boolean mobileFullScreen");
+		if (f.scope !== "viewport" && f.scope !== "contained") throw new r("invalid-presentation", "SDrawer presentation requires viewport or contained scope");
+		if (f.scrollBehavior !== "body" && f.scrollBehavior !== "content") throw new r("invalid-scroll-behavior", "SDrawer presentation requires body or content scrollBehavior");
+		if (f.scope === "contained") n("SDialogSurface", f.extent);
+		else if (e(f, "extent")) throw new r("invalid-presentation", "SDrawer extent requires contained scope");
 		return;
 	}
-	throw new t("invalid-presentation", `Неизвестный kind SDialogSurface: ${String(u.kind)}`);
+	throw new r("invalid-presentation", `Неизвестный kind SDialogSurface: ${String(f.kind)}`);
 }
 //#endregion
-export { t as DialogSurfaceContractError, u as assertDialogSurfacePresentation, e as validateDialogSurfaceHeadingLevel };
+export { r as DialogSurfaceContractError, f as assertDialogSurfacePresentation, t as validateDialogSurfaceHeadingLevel, n as validateDrawerExtent };

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

@@ -9,5 +9,6 @@ export interface ListboxOptionRegistration {
 }
 export interface ListboxContext {
     register: (registration: ListboxOptionRegistration) => () => void;
+    registerGeometry?: (token: string, element: HTMLElement) => () => void;
 }
 export declare const listboxContextKey: InjectionKey<ListboxContext>;

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

@@ -0,0 +1,51 @@
+import { ResolvedSelectionInventory, ResolvedSelectionOption } from './selectionContract';
+import { SelectionKey } from './useSelectionRoving';
+export declare const CLEAR_OPTION_TOKEN = "clear-option";
+export interface ListboxCatalogOption<TKey extends SelectionKey> extends ResolvedSelectionOption<TKey> {
+    position: number;
+    rowIndex: number;
+}
+export type ListboxCatalogEntry<TKey extends SelectionKey> = {
+    kind: 'option';
+    token: string;
+    record: ListboxCatalogOption<TKey>;
+} | {
+    kind: 'group';
+    token: string;
+    label: string;
+    headerIndex: number;
+    endIndex: number;
+    records: readonly ListboxCatalogOption<TKey>[];
+};
+export interface ListboxNavigationOption<TKey extends SelectionKey> {
+    token: string;
+    value: TKey | null;
+    label: string;
+    disabled: boolean;
+    position: number;
+    rowIndex: number;
+}
+export type ListboxVirtualRow<TKey extends SelectionKey> = {
+    kind: 'clear';
+    key: string;
+} | {
+    kind: 'header';
+    key: string;
+    entryToken: string;
+} | {
+    kind: 'option';
+    key: string;
+    entryToken: string;
+    record: ListboxCatalogOption<TKey>;
+};
+/** Complete semantic inventory, independent of mounted viewport rows. */
+export declare function createListboxInventory<TKey extends SelectionKey>(inventory: ResolvedSelectionInventory<TKey>, clearLabel: string | undefined, disabled: boolean): {
+    rows: ListboxVirtualRow<TKey>[];
+    entries: ListboxCatalogEntry<TKey>[];
+    entriesByToken: Map<string, ListboxCatalogEntry<TKey>>;
+    navigation: ListboxNavigationOption<TKey>[];
+    navigationByToken: Map<string, ListboxNavigationOption<TKey>>;
+    setSize: number;
+};
+/** A bounded DOM projection; a mounted group always includes at least one option and its accessible label. */
+export declare function projectListboxEntries<TKey extends SelectionKey>(catalog: ReturnType<typeof createListboxInventory<TKey>>, rows: readonly ListboxVirtualRow<TKey>[]): ListboxCatalogEntry<TKey>[];