@pgcorp/ui-kit 0.10.1 → 0.10.2

package/dist/src/components/shared/navigation/SBottomNav.vue_vue_type_script_setup_true_lang.js

@@ -4,9 +4,9 @@ import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import r from "../data-display/SBadge.vue.js";
 import { resolveLinkTarget as i } from "../../../internal/linkTarget.js";
 import a from "../controls/SButton.vue.js";
-import o from "../controls/SLink.vue.js";
-import ee from "../controls/SMenuSurface.vue.js";
-import { Fragment as te, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as ne, createVNode as f, defineComponent as p, mergeProps as re, nextTick as ie, onBeforeUnmount as ae, onMounted as oe, openBlock as m, ref as h, renderList as se, renderSlot as ce, toDisplayString as g, unref as _, useId as le, watch as v, withCtx as y } from "vue";
+import ee from "../controls/SLink.vue.js";
+import te from "../controls/SMenuSurface.vue.js";
+import { Fragment as ne, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as re, createVNode as d, defineComponent as f, mergeProps as p, nextTick as m, onBeforeUnmount as ie, onMounted as ae, openBlock as h, ref as g, renderList as oe, renderSlot as se, toDisplayString as _, unref as ce, useId as le, watch as v, withCtx as y } from "vue";
 //#region src/components/shared/navigation/SBottomNav.vue?vue&type=script&setup=true&lang.ts
 var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 }, pe = {
 	key: 2,
@@ -14,7 +14,7 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 }, me = {
 	key: 0,
 	class: "s-bottom-nav__status"
-}, b = /*@__PURE__*/ p({
+}, b = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "SBottomNav",
 	props: {
@@ -37,11 +37,19 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 		"navigate",
 		"layout-change"
 	],
-	setup(p, { emit: b }) {
-		let x = p, S = b, he = n({
+	setup(f, { emit: b }) {
+		let x = f, S = b, he = n({
 			component: "SBottomNav",
 			owner: "navigation root"
-		}), C = s(() => x.iconOnly), w = le(), T = h(null), E = h(null), D = h(!1), O = h(null), k = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), j = 0, M = s(() => x.items.filter((e) => e.kind === "overflow")), N = s(() => M.value.find((e) => e.id === O.value) ?? null), ge = s(() => {
+		}), ge = (e) => e.href === void 0 ? {
+			to: e.to,
+			...e.target === void 0 ? {} : { target: e.target },
+			...e.rel === void 0 ? {} : { rel: e.rel }
+		} : {
+			href: e.href,
+			...e.target === void 0 ? {} : { target: e.target },
+			...e.rel === void 0 ? {} : { rel: e.rel }
+		}, C = o(() => x.iconOnly), w = le(), T = g(null), E = g(null), D = g(!1), O = g(null), k = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), j = 0, M = o(() => x.items.filter((e) => e.kind === "overflow")), N = o(() => M.value.find((e) => e.id === O.value) ?? null), _e = o(() => {
 			let e = N.value;
 			return e ? e.items.map((e) => e.kind === "destination" ? {
 				...e,
@@ -60,7 +68,7 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 			if (t !== void 0) return t;
 			let n = j;
 			return j += 1, A.set(e.id, n), n;
-		}, B = (e) => `s-bottom-nav-${w}-overflow-${z(e)}-trigger`, V = (e) => `s-bottom-nav-${w}-overflow-${z(e)}-menu`, _e = (e, t) => {
+		}, B = (e) => `s-bottom-nav-${w}-overflow-${z(e)}-trigger`, V = (e) => `s-bottom-nav-${w}-overflow-${z(e)}-menu`, ve = (e, t) => {
 			if (e.kind === "overflow") {
 				if (t === null) {
 					k.delete(e.id);
@@ -77,10 +85,10 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 			let r = B(e);
 			if (n.id !== r) throw Error(`SBottomNav: overflow trigger '${e.id}' owns id '${n.id}', expected '${r}'`);
 			return n;
-		}, U = (e) => !!(e.disabled || e.kind === "overflow" && e.items.length === 0), W = (e) => U(e) || e.kind === "action" ? !1 : e.kind === "destination" || e.kind === "view" ? x.modelValue === e.id : O.value === e.id || e.items.some((e) => (e.kind === "destination" || e.kind === "view") && !e.disabled && e.id === x.modelValue), ve = (e, t) => (e.target ?? "_self") === "_self" ? t instanceof MouseEvent ? t.button === 0 && !t.altKey && !t.ctrlKey && !t.metaKey && !t.shiftKey : !0 : !1, G = (e, t) => {
+		}, U = (e) => !!(e.disabled || e.kind === "overflow" && e.items.length === 0), W = (e) => U(e) || e.kind === "action" ? !1 : e.kind === "destination" || e.kind === "view" ? x.modelValue === e.id : O.value === e.id || e.items.some((e) => (e.kind === "destination" || e.kind === "view") && !e.disabled && e.id === x.modelValue), ye = (e, t) => (e.target ?? "_self") === "_self" ? t instanceof MouseEvent ? t.button === 0 && !t.altKey && !t.ctrlKey && !t.metaKey && !t.shiftKey : !0 : !1, G = (e, t) => {
 			if (!e.disabled) {
 				if (e.kind === "destination") {
-					S("navigate", e, t), ve(e, t) && S("update:modelValue", e.id);
+					S("navigate", e, t), ye(e, t) && S("update:modelValue", e.id);
 					return;
 				}
 				if (e.kind === "view") {
@@ -102,9 +110,9 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 				restoreTarget: n,
 				requestDismiss: (e) => K(e === "escape")
 			});
-		}, ye = (e, t) => {
-			K(!1), G(t, e);
 		}, be = (e, t) => {
+			K(!1), G(t, e);
+		}, xe = (e, t) => {
 			if (!U(e)) {
 				if (e.kind === "overflow") {
 					O.value === e.id ? K(!0) : q(e);
@@ -112,65 +120,65 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 				}
 				K(!1), G(e, t);
 			}
-		}, xe = (e, t) => {
+		}, Se = (e, t) => {
 			e.key !== "ArrowDown" || t.kind !== "overflow" || U(t) || (e.preventDefault(), q(t));
-		}, J = (e, t) => {
+		}, Ce = (e, t) => {
 			if (e.kind !== "action" && e.kind !== "destination") throw TypeError(`SBottomNav: overflow menu accepts action/destination entries, received '${e.kind}'`);
 			let n = N.value;
 			if (!n) throw Error(`SBottomNav: selected menu entry '${e.id}' without an active overflow`);
 			let r = n.items.find((t) => t.id === e.id);
 			if (!r) throw Error(`SBottomNav: selected unknown overflow entry '${e.id}'`);
 			r.disabled || (G(r, t), K(!0));
-		}, Se = (e) => {
+		}, we = (e) => {
 			if (!N.value) return;
 			let t = e.relatedTarget;
 			t instanceof Node && T.value?.contains(t) || K(!1);
-		}, Ce = (t) => {
+		}, Te = (t) => {
 			let n = N.value;
 			if (!n) return;
 			let r = H(n), i = F?.focusScope() ?? document, a = e(r, i, E.value, t.shiftKey);
-			t.preventDefault(), K(!1), a && ie(() => a.focus());
-		}, Y = (e) => {
+			t.preventDefault(), K(!1), a && m(() => a.focus());
+		}, J = (e) => {
 			if (!x.scrollTargetId || typeof window > "u" || typeof document > "u") return;
 			let t = e.target, n = 0;
 			if (t instanceof HTMLElement && t.id === x.scrollTargetId) n = t.scrollTop || 0;
 			else if (t === document && document.documentElement.id === x.scrollTargetId) n = document.documentElement.scrollTop || document.body.scrollTop || 0;
 			else return;
 			n > P + 10 ? D.value = !0 : n < P - 5 && (D.value = !1), P = n;
-		}, X = [
+		}, Y = [
 			"kind",
 			"id",
 			"label",
 			"icon",
 			"badge",
 			"disabled"
-		], we = {
-			action: new Set(X),
+		], Ee = {
+			action: new Set(Y),
 			destination: /* @__PURE__ */ new Set([
-				...X,
+				...Y,
 				"href",
 				"to",
 				"target",
 				"rel"
 			]),
-			view: new Set(X),
+			view: new Set(Y),
 			overflow: /* @__PURE__ */ new Set([
-				...X,
+				...Y,
 				"menuLabel",
 				"items"
 			])
 		};
-		function Z(e, t) {
+		function X(e, t) {
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError(`SBottomNav: ${t} must be an object`);
 		}
-		function Te(e, t) {
+		function De(e, t) {
 			let n = e.kind;
 			if (n !== "action" && n !== "destination" && n !== "view") throw TypeError(`SBottomNav: ${t}.kind must be action, destination, or view`);
-			return Q(e, t, n), n;
+			return Z(e, t, n), n;
 		}
-		function Q(e, t, n) {
+		function Z(e, t, n) {
 			for (let r of Reflect.ownKeys(e)) {
-				if (typeof r != "string" || !we[n].has(r)) throw TypeError(`SBottomNav: ${t} has unsupported field ${String(r)}`);
+				if (typeof r != "string" || !Ee[n].has(r)) throw TypeError(`SBottomNav: ${t} has unsupported field ${String(r)}`);
 				let i = Object.getOwnPropertyDescriptor(e, r);
 				if (!i?.enumerable || !("value" in i)) throw TypeError(`SBottomNav: ${t}.${r} must be an enumerable data property`);
 			}
@@ -187,15 +195,15 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 				rel: e.rel
 			});
 		}
-		function Ee(e) {
+		function Q(e) {
 			if (!Array.isArray(e) || e.length === 0) throw TypeError("SBottomNav: items must be a non-empty array");
 			let t = /* @__PURE__ */ new Set();
 			for (let [n, r] of e.entries()) {
 				let e = `items[${n}]`;
-				Z(r, e);
+				X(r, e);
 				let i = r.kind;
 				if (i !== "action" && i !== "destination" && i !== "view" && i !== "overflow") throw TypeError(`SBottomNav: ${e}.kind must be action, destination, view, or overflow`);
-				Q(r, e, i);
+				Z(r, e, i);
 				let a = r.id;
 				if (typeof a != "string") throw TypeError(`SBottomNav: ${e}.id must be a string`);
 				if (t.has(a)) throw TypeError(`SBottomNav: duplicate item id '${a}'`);
@@ -204,7 +212,7 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 					if (!Array.isArray(r.items)) throw TypeError(`SBottomNav: ${e}.items must be an array`);
 					for (let [n, i] of r.items.entries()) {
 						let r = `${e}.items[${n}]`;
-						Z(i, r), Te(i, r);
+						X(i, r), De(i, r);
 						let a = i.id;
 						if (typeof a != "string") throw TypeError(`SBottomNav: ${r}.id must be a string`);
 						if (t.has(a)) throw TypeError(`SBottomNav: duplicate item id '${a}'`);
@@ -222,8 +230,8 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 			};
 			R && R.hidden === t.hidden && R.height === t.height || (R = t, S("layout-change", t));
 		};
-		return oe(() => {
-			D.value = x.hidden ?? !1, typeof document < "u" && document.addEventListener("scroll", Y, {
+		return ae(() => {
+			D.value = x.hidden ?? !1, typeof document < "u" && document.addEventListener("scroll", J, {
 				passive: !0,
 				capture: !0
 			}), typeof ResizeObserver < "u" && T.value ? (I = new ResizeObserver($), I.observe(T.value)) : typeof window < "u" && (L = !0, window.addEventListener("resize", $)), $();
@@ -234,7 +242,7 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 		}), v(() => x.modelValue, () => {
 			K(!1), D.value = x.hidden ?? !1, P = 0, $();
 		}), v(() => x.items, () => {
-			if (Ee(x.items), O.value) {
+			if (Q(x.items), O.value) {
 				let e = M.value.find((e) => e.id === O.value);
 				(!e || U(e)) && K(!1);
 			}
@@ -246,25 +254,23 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 			if (typeof e != "string" || !e.trim()) throw TypeError("SBottomNav: label must be non-empty");
 			if (typeof t != "string" || !t.trim()) throw TypeError("SBottomNav: modelValue must be a non-empty destination id");
 			if (n !== void 0 && (typeof n != "string" || !n.trim())) throw TypeError("SBottomNav: scrollTargetId must be a non-empty string when provided");
-		}, { immediate: !0 }), ae(() => {
-			typeof document < "u" && document.removeEventListener("scroll", Y, { capture: !0 }), I?.disconnect(), I = null, L && typeof window < "u" && window.removeEventListener("resize", $), L = !1, F?.unregister({ restoreFocus: !1 }), F = null, k.clear(), A.clear();
-		}), (e, t) => (m(), u("nav", re({
+		}, { immediate: !0 }), ie(() => {
+			typeof document < "u" && document.removeEventListener("scroll", J, { capture: !0 }), I?.disconnect(), I = null, L && typeof window < "u" && window.removeEventListener("resize", $), L = !1, F?.unregister({ restoreFocus: !1 }), F = null, k.clear(), A.clear();
+		}), (e, t) => (h(), l("nav", p({
 			ref_key: "navRef",
 			ref: T
-		}, _(he).bindings(), {
+		}, ce(he).bindings(), {
 			class: ["s-bottom-nav", { "s-bottom-nav--hidden": D.value }],
 			"data-test": "bottom-nav",
-			"aria-label": p.label,
-			onFocusout: Se
-		}), [d("div", de, [(m(!0), u(te, null, se(p.items, (e) => (m(), u("div", {
+			"aria-label": f.label,
+			onFocusout: we
+		}), [u("div", de, [(h(!0), l(ne, null, oe(f.items, (e) => (h(), l("div", {
 			key: e.id,
 			class: "s-bottom-nav__item"
-		}, [e.kind === "destination" ? (m(), c(o, {
+		}, [e.kind === "destination" ? (h(), s(ee, p({
 			key: 0,
-			href: e.href,
-			to: e.to,
-			target: e.target,
-			rel: e.rel,
+			ref_for: !0
+		}, ge(e), {
 			"leading-icon": e.icon,
 			disabled: e.disabled,
 			active: W(e),
@@ -272,25 +278,21 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 			width: "full",
 			"aria-label": C.value ? e.label : void 0,
 			"data-testid": `bottom-nav-${e.id}`,
-			onClick: (t) => ye(t, e)
-		}, {
-			default: y(() => [C.value ? l("", !0) : (m(), u("span", fe, g(e.label), 1))]),
+			onClick: (t) => be(t, e)
+		}), {
+			default: y(() => [C.value ? c("", !0) : (h(), l("span", fe, _(e.label), 1))]),
 			_: 2
-		}, 1032, [
-			"href",
-			"to",
-			"target",
-			"rel",
+		}, 1040, [
 			"leading-icon",
 			"disabled",
 			"active",
 			"aria-label",
 			"data-testid",
 			"onClick"
-		])) : (m(), c(a, {
+		])) : (h(), s(a, {
 			key: 1,
 			ref_for: !0,
-			ref: (t) => _e(e, t),
+			ref: (t) => ve(e, t),
 			label: C.value ? void 0 : e.label,
 			"leading-icon": e.icon,
 			"icon-only": C.value,
@@ -311,8 +313,8 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 			} : void 0,
 			"data-test": `bottom-nav-${e.id}`,
 			"data-testid": `bottom-nav-${e.id}`,
-			onClick: (t) => be(e, t),
-			onKeydown: (t) => xe(t, e)
+			onClick: (t) => xe(e, t),
+			onKeydown: (t) => Se(t, e)
 		}, null, 8, [
 			"label",
 			"leading-icon",
@@ -329,34 +331,34 @@ var ue = ["aria-label"], de = { class: "s-bottom-nav__items" }, fe = { key: 0 },
 			"data-testid",
 			"onClick",
 			"onKeydown"
-		])), e.badge === void 0 ? l("", !0) : (m(), u("span", pe, [f(r, {
+		])), e.badge === void 0 ? c("", !0) : (h(), l("span", pe, [d(r, {
 			severity: "danger",
 			size: "xs"
 		}, {
-			default: y(() => [ne(g(e.badge), 1)]),
+			default: y(() => [re(_(e.badge), 1)]),
 			_: 2
-		}, 1024)]))]))), 128)), N.value ? (m(), u("div", {
+		}, 1024)]))]))), 128)), N.value ? (h(), l("div", {
 			key: 0,
 			ref_key: "overflowLayerRef",
 			ref: E,
 			class: "s-bottom-nav__overflow-layer",
 			"data-test": "bottom-nav-overflow"
-		}, [f(ee, {
+		}, [d(te, {
 			id: V(N.value),
 			label: N.value.menuLabel,
 			density: "compact",
 			orientation: "horizontal",
 			autofocus: "",
-			items: ge.value,
+			items: _e.value,
 			onEscape: t[0] ||= (e) => K(!0),
 			onFocusExit: t[1] ||= (e) => K(!1),
-			onSelect: J,
-			onTab: Ce
+			onSelect: Ce,
+			onTab: Te
 		}, null, 8, [
 			"id",
 			"label",
 			"items"
-		])], 512)) : l("", !0)]), e.$slots.status ? (m(), u("div", me, [ce(e.$slots, "status", {}, void 0, !0)])) : l("", !0)], 16, ue));
+		])], 512)) : c("", !0)]), e.$slots.status ? (h(), l("div", me, [se(e.$slots, "status", {}, void 0, !0)])) : c("", !0)], 16, ue));
 	}
 });
 //#endregion

package/dist/src/components/shared/navigation/SBreadcrumbs.vue.js

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

package/dist/src/components/shared/navigation/SBreadcrumbs.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { ChevronRight as e } from "../../icons/sputnigUiIcons.js";
+import { ChevronRight as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import { resolveLinkTarget as r } from "../../../internal/linkTarget.js";
@@ -22,7 +22,15 @@ var x = ["aria-label"], S = { class: "s-breadcrumbs__list" }, C = {
 		let T = p, { t: E } = t(), D = s(() => T.ariaLabel ?? E("navigation.breadcrumbs")), O = w, k = n({
 			component: "SBreadcrumbs",
 			owner: "breadcrumb navigation root"
-		}), A = {
+		}), A = (e) => e.href === void 0 ? {
+			to: e.to,
+			...e.target === void 0 ? {} : { target: e.target },
+			...e.rel === void 0 ? {} : { rel: e.rel }
+		} : {
+			href: e.href,
+			...e.target === void 0 ? {} : { target: e.target },
+			...e.rel === void 0 ? {} : { rel: e.rel }
+		}, j = {
 			action: /* @__PURE__ */ new Set([
 				"kind",
 				"id",
@@ -45,20 +53,20 @@ var x = ["aria-label"], S = { class: "s-breadcrumbs__list" }, C = {
 				"rel"
 			])
 		};
-		function j(e, t) {
+		function M(e, t) {
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError(`SBreadcrumbs: ${t} must be an object`);
 		}
-		function M() {
+		function N() {
 			if (!D.value.trim()) throw TypeError("SBreadcrumbs: ariaLabel must be a non-empty string");
 			if (!Array.isArray(T.items) || T.items.length === 0) throw TypeError("SBreadcrumbs: items must be a non-empty array");
 			let e = /* @__PURE__ */ new Set(), t = -1;
 			for (let [n, i] of T.items.entries()) {
 				let a = `items[${n}]`;
-				j(i, a);
+				M(i, a);
 				let o = i.kind;
 				if (o !== "action" && o !== "current" && o !== "destination") throw TypeError(`SBreadcrumbs: ${a}.kind must be action, current, or destination`);
 				for (let e of Reflect.ownKeys(i)) {
-					if (typeof e != "string" || !A[o].has(e)) throw TypeError(`SBreadcrumbs: ${a} has unsupported field '${String(e)}'`);
+					if (typeof e != "string" || !j[o].has(e)) throw TypeError(`SBreadcrumbs: ${a} has unsupported field '${String(e)}'`);
 					let t = Object.getOwnPropertyDescriptor(i, e);
 					if (!t?.enumerable || !("value" in t)) throw TypeError(`SBreadcrumbs: ${a}.${e} must be an enumerable data property`);
 				}
@@ -79,7 +87,7 @@ var x = ["aria-label"], S = { class: "s-breadcrumbs__list" }, C = {
 			}
 			if (t !== T.items.length - 1) throw TypeError("SBreadcrumbs: the sole current item must be last");
 		}
-		return y(() => [T.items, D.value], M, {
+		return y(() => [T.items, D.value], N, {
 			immediate: !0,
 			deep: !0
 		}), (t, n) => (h(), u("nav", m(v(k).bindings(), {
@@ -92,27 +100,18 @@ var x = ["aria-label"], S = { class: "s-breadcrumbs__list" }, C = {
 			key: 0,
 			class: "s-breadcrumbs__divider",
 			"aria-hidden": "true"
-		})) : l("", !0), t.kind === "current" ? (h(), u("span", C, _(t.label), 1)) : t.kind === "destination" ? (h(), c(a, {
+		})) : l("", !0), t.kind === "current" ? (h(), u("span", C, _(t.label), 1)) : t.kind === "destination" ? (h(), c(a, m({
 			key: 2,
-			href: t.href,
-			to: t.to,
-			target: t.target,
-			rel: t.rel,
+			ref_for: !0
+		}, A(t), {
 			variant: "subtle",
 			size: "sm",
 			disabled: t.disabled,
 			onClick: (e) => O("navigate", t, e)
-		}, {
+		}), {
 			default: b(() => [f(_(t.label), 1)]),
 			_: 2
-		}, 1032, [
-			"href",
-			"to",
-			"target",
-			"rel",
-			"disabled",
-			"onClick"
-		])) : (h(), c(i, {
+		}, 1040, ["disabled", "onClick"])) : (h(), c(i, {
 			key: 3,
 			label: t.label,
 			disabled: t.disabled,

package/dist/src/components/shared/persona/SPersonaProjectPicker.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { Check as e, ChevronRight as t, Folder as n, FolderSearch as r, FolderTree as i, RefreshCw as a } from "../../icons/sputnigUiIcons.js";
+import { Check as e, ChevronRight as t, Folder as n, FolderSearch as r, FolderTree as i, RefreshCw as a } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useUiKitLocale as o } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as s } from "../../../internal/ownedAttrs.js";
 import ee from "../data-display/SBadge.vue.js";

package/dist/src/components/shared/persona/_internal/SPersonaRunConsole.vue.js

@@ -1,8 +1,8 @@
-import "../../../../../assets/src/components/shared/persona/_internal/SPersonaRunConsole.css_vue_type_style_index_0_src_c71f59d4_scoped_c71f59d4_lang.css";
+import "../../../../../assets/src/components/shared/persona/_internal/SPersonaRunConsole.css_vue_type_style_index_0_src_21bf807e_scoped_21bf807e_lang.css";
 import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SPersonaRunConsole.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                                */
 //#region src/components/shared/persona/_internal/SPersonaRunConsole.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-c71f59d4"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-21bf807e"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/persona/_internal/SPersonaRunConsole.vue_vue_type_script_setup_true_lang.js

@@ -223,12 +223,15 @@ var D = { class: "s-persona-run-console-shell" }, O = ["data-density"], k = { cl
 			S.reportSummary ? (C(), g(o, {
 				key: 3,
 				code: S.reportSummary,
-				language: { id: "plaintext" },
+				language: {
+					mode: "explicit",
+					id: "plaintext"
+				},
 				"show-header": !1,
 				"show-line-numbers": !1,
 				viewport: "compact",
-				"aria-label": S.resolvedLabels.reportSummary
-			}, null, 8, ["code", "aria-label"])) : _("", !0),
+				ariaLabel: S.resolvedLabels.reportSummary
+			}, null, 8, ["code", "ariaLabel"])) : _("", !0),
 			x(l, {
 				title: S.resolvedLabels.eventsTitle,
 				size: "sm"

package/dist/src/composables/useDialogOverlay.d.ts

@@ -3,6 +3,8 @@ export interface DialogOverlayOptions {
     open: Readonly<Ref<boolean>>;
     closable: Readonly<Ref<boolean>>;
     requestClose: () => void;
+    /** Runs after the mounted surface owns focus for the current open cycle. */
+    opened?: () => void;
 }
 export interface DialogOverlayController {
     panelRef: Ref<HTMLElement | null>;

package/dist/src/composables/useDialogOverlay.js

@@ -3,13 +3,13 @@ import { registerLayer as t } from "../internal/layerStack.js";
 import { nextTick as n, onBeforeUnmount as r, ref as i, watch as a } from "vue";
 //#region src/composables/useDialogOverlay.ts
 function o(o) {
-	let s = i(null), c = i({}), l = i({}), u = null, d = (e) => {
+	let s = i(null), c = i({}), l = i({}), u = null, d = 0, f = (e) => {
 		if (e === null || e instanceof HTMLElement) {
 			s.value = e;
 			return;
 		}
 		throw TypeError("Dialog overlay panel ref обязан указывать на HTMLElement");
-	}, f = () => {
+	}, p = () => {
 		if (u) return;
 		let n = typeof document < "u" && document.activeElement instanceof HTMLElement ? document.activeElement : null;
 		u = t({
@@ -22,18 +22,25 @@ function o(o) {
 			trapFocus: (t) => e(t, s, !0),
 			requestDismiss: () => o.requestClose()
 		}), c.value = { zIndex: u.zIndex }, l.value = { zIndex: `calc(${u.zIndex} + var(--s-layer-overlay-surface-offset))` };
-	}, p = (e = !0) => {
+	}, m = (e = !0) => {
 		u?.unregister({ restoreFocus: e }), u = null, c.value = {}, l.value = {};
 	};
 	return a(o.open, async (e, t) => {
+		d += 1;
+		let r = d;
 		if (e) {
-			f(), await n(), o.open.value && s.value?.focus();
+			if (p(), await n(), r !== d || !o.open.value || u === null) return;
+			let e = s.value;
+			if (!e) return;
+			e.focus(), r === d && o.open.value && u !== null && o.opened?.();
 			return;
 		}
-		p(!!t);
-	}, { immediate: !0 }), r(() => p(!1)), {
+		m(!!t);
+	}, { immediate: !0 }), r(() => {
+		d += 1, m(!1);
+	}), {
 		panelRef: s,
-		setPanelElement: d,
+		setPanelElement: f,
 		backdropStyle: c,
 		surfaceStyle: l
 	};

package/dist/src/internal/feedbackPresentation.js

@@ -1,5 +1,5 @@
 import { UI_KIT_MESSAGES as e, createUiKitTranslate as t } from "../locales/messages.js";
-import { AlertTriangle as n, CheckCircle2 as r, Info as i, LoaderCircle as a, XCircle as o } from "../components/icons/sputnigUiIcons.js";
+import { AlertTriangle as n, CheckCircle2 as r, Info as i, LoaderCircle as a, XCircle as o } from "../components/icons/_internal/generatedSputnigUiIconComponents.js";
 //#region src/internal/feedbackPresentation.ts
 var s = {
 	neutral: {

package/docs/versioning.md

@@ -16,11 +16,15 @@ consumer builds и browser proof. Один и тот же номер верси
 Корневая команда `make ui-kit-release-check` выполняет последовательность:
 
 1. release contract;
-2. полный LVS consumer gate;
-3. полный CSS consumer gate;
-4. полный TestOps consumer gate;
-5. smoke опубликованного package boundary;
-6. dependency audit.
+2. LVS backend;
+3. LVS frontend static quality;
+4. LVS frontend unit coverage;
+5. LVS Storybook/browser proof;
+6. LVS product end-to-end proof;
+7. полный CSS consumer gate;
+8. полный TestOps consumer gate;
+9. smoke опубликованного package boundary;
+10. dependency audit.
 
 Успешная стадия получает receipt с хешем tracked inputs, своей командой,
 релевантными версиями toolchain, конфигурацией workers/окружения и fingerprints
@@ -29,12 +33,23 @@ dependency manifest или lock-файла, команды, применимог
 конфигурации инвалидирует соответствующую стадию; зависящие от неё стадии также
 выполняются повторно. Независимые совместимые receipts сохраняются. Dependency
 audit действителен шесть часов, потому что состояние advisory registry является
-внешним входом.
+внешним входом. Его dependency fingerprint исключает только release metadata
+(`name`/`version`) собственного workspace; изменение dependency fields или
+разрешённого графа lock-файла всегда требует нового audit.
 
 `make ui-kit-release-proof-verify` проверяет полный набор receipts для точного Git
 commit/tree. Release artifact содержит digest этого proof и публикуется только
 командой `make ui-kit-publish`. Ручного пропуска стадий в release contract нет.
 
+Для нового release tree используется `make ui-kit-release-proof-staged`. Команда
+требует, чтобы все tracked-изменения были добавлены в index, а untracked и
+unstaged-файлы отсутствовали. До и после каждой стадии проверяется точный
+`git write-tree`, поэтому proof нельзя случайно получить для меняющегося набора
+файлов. После коммита этого же дерева `make ui-kit-release-proof-verify` принимает
+staged proof без повторного запуска зелёных стадий. Другой итоговый tree,
+изменение зависимости, lock-файла, применимого toolchain или переменной окружения
+инвалидирует соответствующие receipts по их входам.
+
 ## English
 
 The package follows Semantic Versioning:
@@ -48,9 +63,10 @@ consumer-build, and browser-proof checks. A version number is never republished.
 
 ### Release proof
 
-The root `make ui-kit-release-check` target runs the release contract, the full
-LVS, CSS, and TestOps consumer gates, package-boundary smoke, and the dependency
-audit in sequence.
+The root `make ui-kit-release-check` target runs the release contract, separate
+LVS backend, frontend static-quality, unit-coverage, Storybook/browser, and
+product end-to-end stages, the full CSS and TestOps consumer gates,
+package-boundary smoke, and the dependency audit in sequence.
 
 Each successful stage receives a receipt containing the tracked-input digest,
 command, applicable toolchain versions, worker/environment configuration, and
@@ -58,9 +74,21 @@ dependency fingerprints. A matching receipt is reused. Changes to source files,
 dependency manifests or lockfiles, the stage command, applicable toolchain, or
 configuration invalidate the affected stage and its dependants while preserving
 independent compatible receipts. The dependency-audit receipt expires after six
-hours because registry advisory state is an external input.
+hours because registry advisory state is an external input. Its dependency
+fingerprint excludes only the workspace's own release metadata (`name` and
+`version`); dependency-field or resolved lock-graph changes always require a
+fresh audit.
 
 `make ui-kit-release-proof-verify` validates the complete receipt set against the
 exact Git commit and tree. The release artifact embeds this proof digest and is
 published only through `make ui-kit-publish`. The release contract has no manual
 stage-skip option.
+
+Use `make ui-kit-release-proof-staged` for a new release tree. Every tracked
+change must be staged, with no untracked or unstaged files. The runner verifies
+the exact `git write-tree` value before and after every stage, so a changing tree
+cannot receive release proof. Once that exact tree is committed,
+`make ui-kit-release-proof-verify` accepts the staged proof without rerunning
+green stages. A different final tree, dependency or lockfile change, applicable
+toolchain change, or relevant environment change invalidates the matching
+receipts according to their declared inputs.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pgcorp/ui-kit",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "Typed Vue 3 design system with accessible components, semantic themes, and workbench patterns.",
   "type": "module",
   "types": "./dist/index.d.ts",

package/dist/assets/src/components/shared/containers/SDrawer.css_vue_type_style_index_0_src_1226da98_scoped_1226da98_lang.css

@@ -1,2 +0,0 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-.s-drawer-backdrop[data-v-1226da98]{background:var(--s-overlay-backdrop-surface);-webkit-backdrop-filter:blur(var(--s-overlay-backdrop-blur));backdrop-filter:blur(var(--s-overlay-backdrop-blur));position:fixed;inset:0}.s-drawer-shell[data-v-1226da98]{position:fixed;inset:0}.s-drawer-positioner[data-v-1226da98]{justify-content:flex-end;align-items:stretch;display:flex;position:absolute;inset:0}.s-drawer-positioner[data-placement=bottom][data-v-1226da98]{justify-content:stretch;align-items:flex-end}.s-drawer-backdrop-enter-active[data-v-1226da98],.s-drawer-backdrop-leave-active[data-v-1226da98]{transition:opacity var(--s-motion-standard) ease}.s-drawer-backdrop-enter-from[data-v-1226da98],.s-drawer-backdrop-leave-to[data-v-1226da98]{opacity:0}.s-drawer-panel-enter-active[data-v-1226da98],.s-drawer-panel-leave-active[data-v-1226da98]{transition:opacity var(--s-motion-standard) ease, transform var(--s-motion-standard) ease}.s-drawer-panel-enter-from[data-v-1226da98],.s-drawer-panel-leave-to[data-v-1226da98]{opacity:0;transform:translate(1.5rem)}.s-drawer-shell[data-placement=bottom].s-drawer-panel-enter-from[data-v-1226da98],.s-drawer-shell[data-placement=bottom].s-drawer-panel-leave-to[data-v-1226da98]{transform:translateY(1.5rem)}@media (width<=767px){.s-drawer-shell[data-placement=right].s-drawer-panel-enter-from[data-v-1226da98],.s-drawer-shell[data-placement=right].s-drawer-panel-leave-to[data-v-1226da98]{transform:translateY(1.5rem)}}@media (prefers-reduced-motion:reduce){.s-drawer-backdrop-enter-active[data-v-1226da98],.s-drawer-backdrop-leave-active[data-v-1226da98],.s-drawer-panel-enter-active[data-v-1226da98],.s-drawer-panel-leave-active[data-v-1226da98]{transition:none}.s-drawer-panel-enter-from[data-v-1226da98],.s-drawer-panel-leave-to[data-v-1226da98]{transform:none}}