@pgcorp/ui-kit 0.10.0 → 0.10.2

package/dist/src/components/shared/navigation/STabs.vue.d.ts

@@ -0,0 +1,89 @@
+import { VNodeChild } from 'vue';
+export type STabsComposition = 'managed' | 'custom';
+export type STabsVariant = 'default' | 'flat' | 'bottom' | 'icon-only' | 'icon-with-label';
+export type STabsActivationMode = 'automatic' | 'manual';
+export type STabsTone = 'primary' | 'success';
+export type STabsSizing = 'content' | 'compact' | 'standard' | 'wide' | 'equal' | 'columns-2' | 'columns-3' | 'columns-4';
+export interface Props {
+    /** Стабильный public test hook owner-поверхности. / Stable public test hook for the owner surface. */
+    testId?: string;
+    /** Managed slots или явная compound composition. / Managed slots or explicit compound composition. */
+    composition?: STabsComposition;
+    /** Визуальная поверхность набора вкладок. / Visual surface of the tab set. */
+    variant?: STabsVariant;
+    /** Управляемый стабильный ключ. / Controlled stable key. */
+    modelValue?: string;
+    /** Начальный стабильный ключ для uncontrolled режима. / Initial stable key for uncontrolled mode. */
+    defaultValue?: string;
+    /** APG activation policy при roving focus. / APG activation policy during roving focus. */
+    activationMode?: STabsActivationMode;
+    /** Семантический цвет selection. / Semantic selection tone. */
+    tone?: STabsTone;
+    /** Accessible name единственного tablist. / Accessible name of the single tablist. */
+    ariaLabel?: string;
+    /** Accessible name внешней action region. / Accessible name of the external action region. */
+    controlsAriaLabel?: string;
+    /** Sticky/static политика managed header. / Sticky/static policy of the managed header. */
+    headerPosition?: 'sticky' | 'static';
+    /** Семантический inline inset tab row. / Semantic inline inset of the tab row. */
+    tabListInset?: 'none' | 'compact' | 'content';
+    /** Разрешает owner занимать доступную высоту. / Lets the owner fill available height. */
+    grow?: boolean;
+    /** Семантическая геометрия без произвольных CSS lengths. / Semantic geometry without arbitrary CSS lengths. */
+    tabSizing?: STabsSizing;
+    /** Семантическая ширина tab collection. / Semantic width of the tab collection. */
+    tabListWidth?: 'auto' | 'content' | 'full';
+    /** Плотность tab hitbox. / Density of the tab hitbox. */
+    tabDensity?: 'compact' | 'default' | 'comfortable';
+    /** Резервирует или перекрывает место sibling close action. / Reserves or overlays sibling close-action space. */
+    closeButtonMode?: 'reserve' | 'overlay';
+    /** Видимость sibling close/action region. / Visibility policy for the sibling close/action region. */
+    closeButtonVisibility?: 'always' | 'active-hover' | 'hover';
+    /** Скругление owner surface. / Radius of the owner surface. */
+    surfaceRadius?: 'default' | 'none';
+    /** Фон owner surface. / Background of the owner surface. */
+    surface?: 'default' | 'transparent';
+}
+type __VLS_Slots = {
+    default?: () => VNodeChild;
+    list?: () => VNodeChild;
+    panels?: () => VNodeChild;
+    controls?: () => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    scrollActiveIntoCenter: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (key: string) => any;
+    "update:modelValue": (key: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((key: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((key: string) => any) | undefined;
+}>, {
+    tone: STabsTone;
+    ariaLabel: string;
+    variant: STabsVariant;
+    modelValue: string;
+    surface: "default" | "transparent";
+    surfaceRadius: "default" | "none";
+    grow: boolean;
+    testId: string;
+    headerPosition: "sticky" | "static";
+    controlsAriaLabel: string;
+    composition: STabsComposition;
+    defaultValue: string;
+    activationMode: STabsActivationMode;
+    tabListInset: "none" | "compact" | "content";
+    tabSizing: STabsSizing;
+    tabListWidth: "auto" | "content" | "full";
+    tabDensity: "compact" | "default" | "comfortable";
+    closeButtonMode: "reserve" | "overlay";
+    closeButtonVisibility: "always" | "active-hover" | "hover";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,310 @@
+import { lastItem as e } from "../../../internal/es2020.js";
+import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
+import { resolveSemanticToneBinding as r } from "../../../internal/semanticTone.js";
+import { tabsContextKey as i } from "../_internal/tabsContext.js";
+import a from "./STabList.vue.js";
+import o from "./STabPanels.vue.js";
+import { Fragment as ee, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createSlots as d, defineComponent as f, mergeProps as te, nextTick as ne, onBeforeUnmount as re, onMounted as ie, onUnmounted as ae, openBlock as p, provide as oe, ref as m, renderSlot as h, shallowRef as g, unref as se, useId as ce, useSlots as le, watch as _, withCtx as v } from "vue";
+//#region src/components/shared/navigation/STabs.vue?vue&type=script&setup=true&lang.ts
+var ue = [
+	"data-s-tone",
+	"data-testid",
+	"data-composition",
+	"data-variant",
+	"data-grow",
+	"data-density",
+	"data-sizing",
+	"data-list-width",
+	"data-close-mode",
+	"data-close-visibility",
+	"data-radius",
+	"data-surface",
+	"data-has-panels"
+], y = /*@__PURE__*/ f({
+	inheritAttrs: !1,
+	__name: "STabs",
+	props: {
+		testId: { default: void 0 },
+		composition: { default: "managed" },
+		variant: { default: "default" },
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		activationMode: { default: "automatic" },
+		tone: { default: "primary" },
+		ariaLabel: { default: void 0 },
+		controlsAriaLabel: { default: void 0 },
+		headerPosition: { default: "sticky" },
+		tabListInset: { default: "none" },
+		grow: {
+			type: Boolean,
+			default: !0
+		},
+		tabSizing: { default: "standard" },
+		tabListWidth: { default: "auto" },
+		tabDensity: { default: "default" },
+		closeButtonMode: { default: "reserve" },
+		closeButtonVisibility: { default: "always" },
+		surfaceRadius: { default: "default" },
+		surface: { default: "default" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(f, { expose: y, emit: de }) {
+		let fe = ["primary", "success"], b = f, { t: x } = t(), S = s(() => b.ariaLabel ?? x("navigation.tabs")), C = s(() => b.controlsAriaLabel ?? x("navigation.tabActions")), w = de, T = le(), pe = n({
+			component: "STabs",
+			owner: "tabs state and layout root"
+		}), me = s(() => r("STabs", "tone", b.tone, fe));
+		function E(e, t) {
+			if (typeof e != "string" || !e.trim() || e !== e.trim()) throw TypeError(`STabs: ${t} must be a non-empty string without surrounding whitespace`);
+		}
+		function he() {
+			if (b.composition === "custom" && !T.default) throw Error("STabs: composition=\"custom\" requires the default compound slot");
+			if (b.composition === "custom" && (T.list || T.panels || T.controls)) throw Error("STabs: composition=\"custom\" does not accept managed list/panels/controls slots");
+			if (b.composition === "managed" && !T.list) throw Error("STabs: composition=\"managed\" requires the list slot");
+			if (b.composition === "managed" && T.default) throw Error("STabs: composition=\"managed\" does not accept the default slot");
+		}
+		function D() {
+			if (he(), b.modelValue !== void 0 && E(b.modelValue, "modelValue"), b.defaultValue !== void 0 && E(b.defaultValue, "defaultValue"), b.modelValue !== void 0 && b.defaultValue !== void 0) throw Error("STabs: modelValue and defaultValue are mutually exclusive");
+			if (!S.value.trim()) throw TypeError("STabs: ariaLabel must be non-empty");
+			if (!C.value.trim()) throw TypeError("STabs: controlsAriaLabel must be non-empty");
+			if (b.testId !== void 0 && !b.testId.trim()) throw TypeError("STabs: testId must be non-empty");
+		}
+		D(), _(() => [
+			b.composition,
+			b.modelValue,
+			b.defaultValue,
+			S.value,
+			C.value,
+			b.testId
+		], D);
+		let O = `s-tabs-${ce()}`, k = g([]), A = g([]), j = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), P = m(0), F = m(b.defaultValue ?? null), I = m(null), L = 0, R = 0, z = 0, B = !1, V = !1, H = s(() => b.modelValue !== void 0), U = s(() => H.value ? b.modelValue ?? null : F.value), W = s(() => b.activationMode), ge = s(() => b.closeButtonMode), _e = s(() => b.closeButtonVisibility), ve = s(() => b.tabDensity);
+		function G(e) {
+			let t = N.get(e);
+			return t === void 0 && (t = L, L += 1, N.set(e, t)), {
+				tabId: `${O}-tab-${t}`,
+				panelId: `${O}-panel-${t}`
+			};
+		}
+		function K(e, t) {
+			let n = e.element(), r = t.element();
+			if (!n || !r || n === r) return e.sequence - t.sequence;
+			let i = n.compareDocumentPosition(r);
+			return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : e.sequence - t.sequence;
+		}
+		let q = s(() => (P.value, [...k.value].sort(K))), ye = s(() => (P.value, [...A.value].sort(K))), J = s(() => U.value === null ? null : q.value.find((e) => e.tabKey === U.value) ?? null), be = s(() => {
+			let e = q.value.find((e) => e.tabKey === I.value && !e.disabled());
+			return e ? e.tabKey : J.value && !J.value.disabled() ? J.value.tabKey : q.value.find((e) => !e.disabled())?.tabKey ?? null;
+		});
+		function Y() {
+			return !!T.panels || j.size > 0;
+		}
+		function X() {
+			if (V) return;
+			if (M.size !== 1) throw Error(`STabs: expected exactly one STabList owner, received ${M.size}`);
+			let e = new Set(q.value.map((e) => e.tabKey)), t = new Set(ye.value.map((e) => e.tabKey));
+			if (Y()) {
+				for (let n of e) if (!t.has(n)) throw Error(`STabs: missing panel for tabKey "${n}"`);
+				for (let n of t) if (!e.has(n)) throw Error(`STabs: orphan panel for tabKey "${n}"`);
+			} else if (t.size > 0) throw Error("STabs: panels require exactly one STabPanels owner");
+			if (U.value !== null) {
+				if (!q.value.find((e) => e.tabKey === U.value)) throw Error(`STabs: stale selected tabKey "${U.value}"`);
+				return;
+			}
+			H.value || (F.value = q.value.find((e) => !e.disabled())?.tabKey ?? null);
+		}
+		function Z() {
+			z += 1;
+			let e = z;
+			B && !V && ne(() => {
+				e === z && X();
+			});
+		}
+		function xe(e) {
+			if (E(e.tabKey, "STab.name"), k.value.some((t) => t.tabKey === e.tabKey)) throw Error(`STabs: duplicate tabKey "${e.tabKey}"`);
+			let t = G(e.tabKey);
+			return k.value = [...k.value, {
+				...e,
+				...t,
+				sequence: R++
+			}], P.value += 1, Z(), e.tabKey;
+		}
+		function Se(e) {
+			if (!k.value.some((t) => t.tabKey === e)) throw Error(`STabs: unknown tab registration "${e}"`);
+			k.value = k.value.filter((t) => t.tabKey !== e), I.value === e && (I.value = null), P.value += 1, Z();
+		}
+		function Ce(e) {
+			if (E(e.tabKey, "STabPanel.name"), A.value.some((t) => t.tabKey === e.tabKey)) throw Error(`STabs: duplicate panel tabKey "${e.tabKey}"`);
+			let t = G(e.tabKey);
+			return A.value = [...A.value, {
+				...e,
+				...t,
+				sequence: R++
+			}], P.value += 1, Z(), e.tabKey;
+		}
+		function we(e) {
+			if (!A.value.some((t) => t.tabKey === e)) throw Error(`STabs: unknown panel registration "${e}"`);
+			A.value = A.value.filter((t) => t.tabKey !== e), P.value += 1, Z();
+		}
+		function Te(e) {
+			let t = k.value.find((t) => t.tabKey === e);
+			if (!t) throw Error(`STabs: missing tab registration "${e}"`);
+			let n = Y() || A.value.some((t) => t.tabKey === e);
+			return {
+				active: U.value === e,
+				disabled: t.disabled(),
+				tabIndex: be.value === e ? 0 : -1,
+				tabId: t.tabId,
+				panelId: n ? t.panelId : void 0
+			};
+		}
+		function Ee() {
+			return J.value?.element() ?? null;
+		}
+		function Q(e) {
+			let t = A.value.find((t) => t.tabKey === e);
+			if (!t) throw Error(`STabs: missing panel registration "${e}"`);
+			let n = k.value.some((t) => t.tabKey === e);
+			return {
+				active: U.value === e,
+				panelId: t.panelId,
+				tabId: n ? t.tabId : void 0
+			};
+		}
+		function $(e) {
+			let t = q.value.find((t) => t.tabKey === e);
+			if (!t) throw Error(`STabs: cannot activate missing tabKey "${e}"`);
+			t.disabled() || (I.value = e, U.value !== e && (H.value || (F.value = e), w("update:modelValue", e), w("change", e)));
+		}
+		function De(e) {
+			let t = q.value.find((t) => t.tabKey === e);
+			if (!t) throw Error(`STabs: cannot focus missing tabKey "${e}"`);
+			t.disabled() || (I.value = e);
+		}
+		function Oe(t, n) {
+			let r = q.value.find((e) => e.tabKey === t);
+			if (!r) throw Error(`STabs: cannot handle keyboard input for missing tabKey "${t}"`);
+			if (r.disabled()) return;
+			let i = q.value.filter((e) => !e.disabled()), a = i.findIndex((e) => e.tabKey === r.tabKey);
+			if (n.key === "Enter" || n.key === " ") {
+				n.preventDefault(), $(r.tabKey);
+				return;
+			}
+			let o;
+			n.key === "Home" ? o = i[0] : n.key === "End" ? o = e(i) : n.key === "ArrowLeft" ? o = i[(a - 1 + i.length) % i.length] : n.key === "ArrowRight" && (o = i[(a + 1) % i.length]), o && (n.preventDefault(), I.value = o.tabKey, o.element()?.focus(), W.value === "automatic" && $(o.tabKey));
+		}
+		function ke(e) {
+			if (M.size > 0) throw Error("STabs: exactly one STabList owner is allowed");
+			let t = Symbol("tab-list");
+			return M.set(t, e), Z(), t;
+		}
+		function Ae(e) {
+			if (!M.delete(e)) throw Error("STabs: unknown tablist registration");
+		}
+		function je() {
+			if (j.size > 0) throw Error("STabs: exactly one STabPanels owner is allowed");
+			let e = Symbol("tab-panels");
+			return j.add(e), Z(), e;
+		}
+		function Me(e) {
+			if (!j.delete(e)) throw Error("STabs: unknown STabPanels registration");
+			Z();
+		}
+		return oe(i, {
+			activeKey: U,
+			activationMode: W,
+			closeButtonMode: ge,
+			closeButtonVisibility: _e,
+			tabDensity: ve,
+			registerTab: xe,
+			unregisterTab: Se,
+			notifyTabOrderChanged: () => {
+				P.value += 1;
+			},
+			getTabState: Te,
+			getActiveTabElement: Ee,
+			activateTab: $,
+			focusTab: De,
+			registerPanel: Ce,
+			unregisterPanel: we,
+			notifyPanelOrderChanged: () => {
+				P.value += 1;
+			},
+			getPanelState: Q,
+			handleTabKeydown: Oe,
+			registerTabList: ke,
+			unregisterTabList: Ae,
+			registerPanels: je,
+			unregisterPanels: Me
+		}), _(() => b.modelValue, () => {
+			I.value = null, Z();
+		}), _(() => k.value.map((e) => [e.tabKey, e.disabled()]), Z, { deep: !0 }), ie(() => {
+			B = !0;
+			try {
+				X();
+			} catch (e) {
+				throw V = !0, z += 1, e;
+			}
+		}), re(() => {
+			V = !0, z += 1;
+		}), ae(() => {
+			k.value = [], A.value = [], M.clear(), j.clear();
+		}), y({ scrollActiveIntoCenter: () => {
+			for (let e of M.values()) e();
+		} }), (e, t) => (p(), u("div", te(se(pe).bindings(), {
+			"data-s-tone": me.value["data-s-tone"],
+			class: "s-tabs",
+			"data-testid": f.testId,
+			"data-composition": f.composition,
+			"data-variant": f.variant,
+			"data-grow": f.grow,
+			"data-density": f.tabDensity,
+			"data-sizing": f.tabSizing,
+			"data-list-width": f.tabListWidth,
+			"data-close-mode": f.closeButtonMode,
+			"data-close-visibility": f.closeButtonVisibility,
+			"data-radius": f.surfaceRadius,
+			"data-surface": f.surface,
+			"data-has-panels": f.composition === "custom" ? "custom" : e.$slots.panels ? "true" : "false"
+		}), [f.composition === "custom" ? h(e.$slots, "default", {}, void 0, !0, 0) : (p(), u(ee, { key: 1 }, [
+			f.variant === "bottom" ? l("", !0) : (p(), c(a, {
+				key: 0,
+				placement: "top",
+				"aria-label": S.value,
+				"controls-aria-label": C.value,
+				"header-position": f.headerPosition,
+				inset: f.tabListInset
+			}, d({
+				default: v(() => [h(e.$slots, "list", {}, void 0, !0)]),
+				_: 2
+			}, [e.$slots.controls ? {
+				name: "controls",
+				fn: v(() => [h(e.$slots, "controls", {}, void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"aria-label",
+				"controls-aria-label",
+				"header-position",
+				"inset"
+			])),
+			e.$slots.panels ? (p(), c(o, { key: 1 }, {
+				default: v(() => [h(e.$slots, "panels", {}, void 0, !0)]),
+				_: 3
+			})) : l("", !0),
+			f.variant === "bottom" ? (p(), c(a, {
+				key: 2,
+				placement: "bottom",
+				"aria-label": S.value,
+				"controls-aria-label": C.value
+			}, d({
+				default: v(() => [h(e.$slots, "list", {}, void 0, !0)]),
+				_: 2
+			}, [e.$slots.controls ? {
+				name: "controls",
+				fn: v(() => [h(e.$slots, "controls", {}, void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, ["aria-label", "controls-aria-label"])) : l("", !0)
+		], 64))], 16, ue));
+	}
+});
+//#endregion
+export { y as default };

package/dist/src/components/shared/navigation/SWizardSteps.vue.d.ts

@@ -0,0 +1,43 @@
+import { SelectionKey, SelectionKey as PublicSelectionKey } from '../_internal/useSelectionRoving';
+/** Один типизированный шаг мастера. / One typed wizard step. */
+export interface WizardStepOption<T extends PublicSelectionKey = string | number> {
+    /** Стабильная identity шага. / Stable step identity. */
+    id: T;
+    /** Пользовательская метка шага. / User-facing step label. */
+    title: string;
+    /** Запрещает активацию шага и исключает его из последовательности Tab. / Prevents step activation and removes it from the Tab sequence. */
+    disabled?: boolean;
+}
+/** Публичный controlled contract ordered step navigation. / Public controlled contract for ordered step navigation. */
+export interface Props<T extends PublicSelectionKey = string | number> {
+    /** Текущий шаг. / Current step. */
+    modelValue: T;
+    /** Полный ordered набор шагов. / Complete ordered step collection. */
+    steps: readonly WizardStepOption<T>[];
+    /** Ширина колонок; auto сохраняет одну scrollable строку. / Column-width policy; auto keeps one scrollable row. */
+    columns?: 'auto' | '2' | '3' | '4';
+    /** Плотность hitbox canonical action owner. / Canonical action-owner hitbox density. */
+    density?: 'default' | 'compact';
+    /** Accessible name step navigation landmark. / Accessible name of the step-navigation landmark. */
+    ariaLabel?: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends SelectionKey = string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<Props<T> & {
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: T) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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

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

@@ -0,0 +1,106 @@
+import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { validateBoolean as n, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
+import a from "../controls/SButton.vue.js";
+import { selectionKeyToken as o, validateSelectionIdentities as s } from "../_internal/useSelectionRoving.js";
+import { Fragment as c, computed as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, openBlock as h, renderList as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+//#region src/components/shared/navigation/SWizardSteps.vue?vue&type=script&setup=true&lang.ts
+var b = [
+	"aria-label",
+	"data-columns",
+	"data-density"
+], x = { class: "s-wizard-steps__list" }, S = ["data-state"], C = {
+	class: "s-wizard-steps__marker",
+	"aria-hidden": "true"
+}, w = { class: "s-wizard-steps__title" }, T = /*@__PURE__*/ p({
+	inheritAttrs: !1,
+	__name: "SWizardSteps",
+	props: {
+		modelValue: {},
+		steps: {},
+		columns: { default: "auto" },
+		density: { default: "default" },
+		ariaLabel: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(p, { emit: T }) {
+		let E = p, { t: D } = e(), O = T, k = t({
+			component: "SWizardSteps",
+			owner: "ordered wizard navigation"
+		}), A = /* @__PURE__ */ new Set([
+			"id",
+			"title",
+			"disabled"
+		]);
+		function j(e, t) {
+			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError(`SWizardSteps: ${t} must be a step object`);
+			for (let n of Reflect.ownKeys(e)) {
+				if (typeof n != "string" || !A.has(n)) throw TypeError(`SWizardSteps: ${t} has unsupported field '${String(n)}'`);
+				let r = Object.getOwnPropertyDescriptor(e, n);
+				if (!r?.enumerable || !("value" in r)) throw TypeError(`SWizardSteps: ${t}.${n} must be an enumerable data property`);
+			}
+		}
+		let M = l(() => r("SWizardSteps", "columns", E.columns, [
+			"auto",
+			"2",
+			"3",
+			"4"
+		])), N = l(() => r("SWizardSteps", "density", E.density, ["default", "compact"])), P = l(() => i("SWizardSteps", "ariaLabel", E.ariaLabel ?? D("navigation.wizardSteps"))), F = l(() => {
+			if (M.value, N.value, P.value, !Array.isArray(E.steps) || E.steps.length === 0) throw TypeError("SWizardSteps: steps must be a non-empty array");
+			let e = [];
+			for (let [t, r] of E.steps.entries()) {
+				let a = `steps[${t}]`;
+				j(r, a), i("SWizardSteps", `${a}.title`, r.title), r.disabled !== void 0 && n("SWizardSteps", `${a}.disabled`, r.disabled), e.push(o("SWizardSteps", r.id, `${a}.id`));
+			}
+			s("SWizardSteps", E.steps.map((e, t) => ({
+				key: e.id,
+				coordinate: `steps[${t}].id`
+			})));
+			let t = o("SWizardSteps", E.modelValue, "modelValue"), r = e.indexOf(t);
+			if (r < 0) throw Error("SWizardSteps: modelValue does not match any step");
+			return E.steps.map((t, n) => ({
+				index: n,
+				state: n === r ? "current" : n < r ? "completed" : "upcoming",
+				step: t,
+				token: e[n]
+			}));
+		});
+		function I(e) {
+			e.disabled || O("update:modelValue", e.id);
+		}
+		return (e, t) => (h(), u("nav", m(v(k).bindings(), {
+			class: "s-wizard-steps",
+			"aria-label": P.value,
+			"data-columns": M.value,
+			"data-density": N.value
+		}), [d("ol", x, [(h(!0), u(c, null, g(F.value, (e) => (h(), u("li", {
+			key: e.token,
+			class: "s-wizard-steps__item",
+			"data-state": e.state
+		}, [f(a, {
+			severity: e.state === "completed" ? "success" : e.state === "current" ? "primary" : "secondary",
+			appearance: e.state === "current" ? "soft" : "ghost",
+			size: N.value === "compact" ? "sm" : "md",
+			shape: "row",
+			width: "full",
+			"content-align": "start",
+			disabled: e.step.disabled,
+			"aria-current": e.state === "current" ? "step" : void 0,
+			"data-state": e.state,
+			onClick: (t) => I(e.step)
+		}, {
+			default: y(() => [d("span", C, _(e.index + 1), 1), d("span", w, _(e.step.title), 1)]),
+			_: 2
+		}, 1032, [
+			"severity",
+			"appearance",
+			"size",
+			"disabled",
+			"aria-current",
+			"data-state",
+			"onClick"
+		])], 8, S))), 128))])], 16, b));
+	}
+});
+//#endregion
+export { T as default };

package/dist/src/components/shared/navigation/_internal/SCatalogNavigatorGroup.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    id: string;
+    label: string;
+    count: number;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/shared/navigation/_internal/SCatalogNavigatorGroup.vue.js

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

package/dist/src/components/shared/navigation/_internal/SCatalogNavigatorGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import { useDisclosure as e } from "../../../../composables/useDisclosure.js";
+import t from "../../controls/SButton.vue.js";
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, openBlock as s, renderSlot as c, unref as l } from "vue";
+//#region src/components/shared/navigation/_internal/SCatalogNavigatorGroup.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "s-catalog-navigator__group" }, d = { class: "s-catalog-navigator__group-header" }, f = ["id", "aria-labelledby"], p = /*@__PURE__*/ o({
+	__name: "SCatalogNavigatorGroup",
+	props: {
+		id: {},
+		label: {},
+		count: {},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(o) {
+		let p = o, { isOpen: m, triggerId: h, panelId: g, toggle: _ } = e({
+			id: p.id,
+			defaultOpen: p.defaultOpen,
+			disabled: () => p.disabled
+		});
+		return (e, p) => (s(), r("section", u, [i("header", d, [a(t, {
+			id: l(h),
+			label: `${o.label} (${o.count})`,
+			size: "sm",
+			severity: "secondary",
+			appearance: "ghost",
+			shape: "row",
+			width: "full",
+			"content-align": "start",
+			"data-testid": "catalog-group-toggle",
+			disabled: o.disabled,
+			disclosure: {
+				expanded: l(m),
+				controls: l(g),
+				iconPlacement: "leading"
+			},
+			onClick: l(_)
+		}, null, 8, [
+			"id",
+			"label",
+			"disabled",
+			"disclosure",
+			"onClick"
+		])]), l(m) ? (s(), r("div", {
+			key: 0,
+			id: l(g),
+			role: "list",
+			"aria-labelledby": l(h)
+		}, [c(e.$slots, "default", {}, void 0, !0)], 8, f)) : n("", !0)]));
+	}
+});
+//#endregion
+export { p as default };