@pgcorp/ui-kit 0.10.0 → 0.10.2

package/dist/src/components/shared/controls/SListbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,347 @@
+import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { validateBoolean as n, validateDomId as r, validateExactString as i, validateNonEmptyString as a } from "../../../internal/runtimeContract.js";
+import { useInteractiveLeafRegistration as ee } from "../../../internal/passiveContentContract.js";
+import { selectionKeyToken as o } from "../_internal/useSelectionRoving.js";
+import { isSelectionModelList as s, resolveSelectionInventory as te, validateSelectionModel as c } from "../_internal/selectionContract.js";
+import { listboxContextKey as ne } from "../_internal/listboxContext.js";
+import l from "../_internal/SListboxGroup.vue.js";
+import u from "./SListboxOption.vue.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, defineComponent as g, mergeProps as re, onBeforeUnmount as ie, openBlock as _, provide as ae, renderList as v, toDisplayString as oe, unref as se, useId as ce, withCtx as y } from "vue";
+//#region src/components/shared/controls/SListbox.vue?vue&type=script&setup=true&lang.ts
+var b = [
+	"id",
+	"data-variant",
+	"data-invalid",
+	"data-readonly",
+	"data-focus-mode",
+	"aria-label",
+	"aria-multiselectable",
+	"aria-disabled",
+	"aria-readonly",
+	"aria-invalid"
+], le = {
+	key: 1,
+	class: "s-listbox__empty",
+	role: "presentation"
+}, x = /*@__PURE__*/ g({
+	inheritAttrs: !1,
+	__name: "SListbox",
+	props: {
+		options: {},
+		label: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: "select" },
+		emptyLabel: { default: void 0 },
+		clearOptionLabel: { default: void 0 },
+		id: { default: void 0 },
+		focusMode: { default: "roving" },
+		activeValue: { default: void 0 },
+		selectionMode: { default: void 0 },
+		modelValue: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:activeValue",
+		"option-keydown",
+		"escape",
+		"tab"
+	],
+	setup(g, { expose: x, emit: S }) {
+		let C = g, { t: ue } = e(), w = S, de = t({
+			component: "SListbox",
+			owner: "listbox root"
+		});
+		ee({ owner: "SListbox" });
+		let fe = ce(), T = f(() => {
+			let e = i("SListbox", "selectionMode", C.selectionMode ?? "single", ["single", "multiple"]), t;
+			if (C.clearOptionLabel !== void 0) {
+				if (e === "multiple") throw Error("SListbox: clearOptionLabel is available only in single selection mode");
+				t = a("SListbox", "clearOptionLabel", C.clearOptionLabel);
+			}
+			return {
+				id: C.id === void 0 ? `s-listbox-${fe}` : r("SListbox", "id", C.id),
+				label: a("SListbox", "label", C.label),
+				emptyLabel: a("SListbox", "emptyLabel", C.emptyLabel ?? ue("forms.noOptions")),
+				variant: i("SListbox", "variant", C.variant, ["select", "color"]),
+				disabled: n("SListbox", "disabled", C.disabled),
+				readonly: n("SListbox", "readonly", C.readonly),
+				invalid: n("SListbox", "invalid", C.invalid),
+				focusMode: i("SListbox", "focusMode", C.focusMode, ["roving", "activedescendant"]),
+				selectionMode: e,
+				clearOptionLabel: t
+			};
+		}), E = f(() => T.value.id), D = f(() => T.value.label), O = f(() => T.value.emptyLabel), k = f(() => T.value.variant), A = f(() => T.value.disabled), j = f(() => T.value.readonly), M = f(() => T.value.invalid), N = f(() => T.value.selectionMode), P = f(() => T.value.focusMode), F = f(() => T.value.clearOptionLabel), I = f(() => {
+			let e = te("SListbox", C.options);
+			return {
+				inventory: e,
+				selectedTokens: c("SListbox", T.value.selectionMode, C.modelValue, e)
+			};
+		}), L = f(() => I.value.inventory), R = f(() => I.value.selectedTokens), z = f(() => k.value === "color" ? "color" : "select"), B = "clear-option", V = f(() => {
+			if (P.value === "roving") return;
+			if (N.value !== "single") throw Error("SListbox: activedescendant focus mode supports single selection only");
+			if (C.activeValue === void 0) throw TypeError("SListbox: activeValue is required in activedescendant focus mode");
+			if (C.activeValue === null) return null;
+			let e = o("SListbox", C.activeValue, "activeValue");
+			if (!L.value.optionsByToken.has(e)) throw Error("SListbox: activeValue does not match any option");
+			return e;
+		});
+		function H(e) {
+			return `${E.value}-option-${encodeURIComponent(e)}`;
+		}
+		function U(e) {
+			if (T.value.selectionMode === "multiple") {
+				if (!s(e)) throw TypeError("SListbox: multiple selection update must be an array");
+				c("SListbox update", "multiple", e, L.value), w("update:modelValue", e);
+				return;
+			}
+			if (s(e)) throw TypeError("SListbox: single selection update must be a selection key or null");
+			c("SListbox update", "single", e, L.value), w("update:modelValue", e);
+		}
+		function pe(e) {
+			return `${E.value}-${e.replace(/[^a-zA-Z0-9_-]/gu, "-")}-label`;
+		}
+		function W(e) {
+			if (A.value || j.value) return;
+			let t = L.value.optionsByToken.get(e);
+			if (!t) throw Error("SListbox: attempted to select a stale option identity");
+			if (t.option.disabled) return;
+			if (N.value === "single") {
+				U(t.option.value);
+				return;
+			}
+			if (!Array.isArray(C.modelValue)) throw TypeError("SListbox: multiple selection requires modelValue to be an array");
+			let n = [...C.modelValue], r = n.findIndex((t) => o("SListbox", t, "modelValue item") === e);
+			r >= 0 ? n.splice(r, 1) : n.push(t.option.value), U(n);
+		}
+		function me() {
+			if (!(A.value || j.value)) {
+				if (N.value !== "single") throw Error("SListbox: clear selection is available only in single selection mode");
+				U(null);
+			}
+		}
+		let G = /* @__PURE__ */ new Set(), K = "", q;
+		function J() {
+			return [...G].filter((e) => !e.disabled() && e.element.isConnected).sort((e, t) => {
+				let n = e.element.compareDocumentPosition(t.element);
+				return n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+			});
+		}
+		function he() {
+			let e = J();
+			for (let e of G) e.element.tabIndex = -1;
+			if (P.value === "activedescendant") return;
+			let t = e.find((e) => e.selected()) ?? e[0];
+			t && (t.element.tabIndex = 0);
+		}
+		ae(ne, { register: (e) => (G.add(e), queueMicrotask(he), () => G.delete(e)) });
+		function Y(e) {
+			for (let e of G) e.element.tabIndex = -1;
+			e.element.tabIndex = 0, e.element.focus();
+		}
+		function X(e) {
+			if (P.value !== "activedescendant") return;
+			let t = J().find((t) => t.token === e);
+			t && w("update:activeValue", $(t));
+		}
+		function Z(e) {
+			let t = V.value;
+			return t == null ? void 0 : e.find((e) => e.token === t);
+		}
+		function ge() {
+			if (P.value !== "activedescendant") throw Error("SListbox: initializeActive is available only in activedescendant focus mode");
+			let e = J(), t = Z(e) ?? e.find((e) => e.selected()) ?? e[0];
+			t && w("update:activeValue", $(t));
+		}
+		function Q(e) {
+			if (P.value !== "activedescendant") throw Error("SListbox: moveActive is available only in activedescendant focus mode");
+			let t = J();
+			if (t.length === 0) return;
+			let n = Z(t), r = n === void 0 ? -1 : t.indexOf(n), i = t[e === "first" ? 0 : e === "last" ? t.length - 1 : e === "next" ? (Math.max(r, -1) + 1) % t.length : (r <= 0 ? t.length : r) - 1];
+			i && w("update:activeValue", $(i));
+		}
+		function _e() {
+			if (P.value !== "activedescendant") throw Error("SListbox: selectActive is available only in activedescendant focus mode");
+			j.value || A.value || Z(J())?.activate();
+		}
+		function ve(e, t) {
+			return e.find((e) => e.element === t.target) ?? e.find((e) => e.element === document.activeElement) ?? e.find((e) => e.element.tabIndex === 0);
+		}
+		function $(e) {
+			if (e.token === B) return null;
+			let t = L.value.optionsByToken.get(e.token);
+			if (!t) throw Error(`SListbox: registered option token ${JSON.stringify(e.token)} is stale`);
+			return t.option.value;
+		}
+		function ye(e) {
+			if (P.value === "activedescendant") return;
+			if (e.key === "Tab") {
+				w("tab", e);
+				return;
+			}
+			if (e.key === "Escape") {
+				e.preventDefault(), w("escape");
+				return;
+			}
+			if (A.value) return;
+			let t = J(), n = ve(t, e);
+			if (n && (w("option-keydown", {
+				value: $(n),
+				event: e
+			}), e.defaultPrevented)) return;
+			if (e.key === "Enter" || e.key === " ") {
+				if (j.value || !n) return;
+				e.preventDefault(), n.activate();
+				return;
+			}
+			if (e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {
+				K += e.key.toLocaleLowerCase(), q && clearTimeout(q), q = setTimeout(() => {
+					K = "", q = void 0;
+				}, 500);
+				let r = [...K].every((e) => e === K[0]) ? K[0] : K, i = n === void 0 ? -1 : t.indexOf(n), a = (i >= 0 ? [...t.slice(i + 1), ...t.slice(0, i + 1)] : t).find((e) => e.label().toLocaleLowerCase().startsWith(r));
+				a && (e.preventDefault(), Y(a));
+				return;
+			}
+			if (![
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key) || t.length === 0) return;
+			let r = n === void 0 ? -1 : t.indexOf(n), i = t[e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : e.key === "ArrowDown" ? (Math.max(r, -1) + 1) % t.length : (r <= 0 ? t.length : r) - 1];
+			i && (e.preventDefault(), Y(i));
+		}
+		function be() {
+			if (P.value !== "roving") throw Error("SListbox: focusSelectedOrFirst is available only in roving focus mode");
+			let e = J(), t = e.find((e) => e.selected()) ?? e[0];
+			t && Y(t);
+		}
+		return ie(() => {
+			q && clearTimeout(q);
+		}), x({
+			focusSelectedOrFirst: be,
+			initializeActive: ge,
+			moveActive: Q,
+			selectActive: _e
+		}), (e, t) => (_(), h("ul", re(se(de).bindings(), {
+			id: E.value,
+			class: "s-listbox",
+			"data-variant": k.value,
+			"data-invalid": M.value || void 0,
+			"data-readonly": j.value || void 0,
+			"data-focus-mode": P.value,
+			role: "listbox",
+			"aria-label": D.value,
+			"aria-multiselectable": N.value === "multiple" || void 0,
+			"aria-disabled": A.value || void 0,
+			"aria-readonly": j.value || void 0,
+			"aria-invalid": M.value || void 0,
+			onKeydown: ye
+		}), [
+			F.value ? (_(), p(u, {
+				key: 0,
+				"registration-token": B,
+				id: H(B),
+				label: F.value,
+				title: F.value,
+				selected: g.modelValue === null,
+				disabled: A.value,
+				appearance: z.value,
+				active: V.value === B,
+				"focus-on-select": P.value === "roving",
+				onHover: t[0] ||= (e) => X(B),
+				onSelect: me
+			}, null, 8, [
+				"id",
+				"label",
+				"title",
+				"selected",
+				"disabled",
+				"appearance",
+				"active",
+				"focus-on-select"
+			])) : m("", !0),
+			(_(!0), h(d, null, v(L.value.entries, (e) => (_(), h(d, { key: e.token }, [e.kind === "option" ? (_(), p(u, {
+				key: 0,
+				"registration-token": e.record.token,
+				id: H(e.record.token),
+				label: e.record.option.label,
+				title: e.record.option.title ?? e.record.option.label,
+				selected: R.value.has(e.record.token),
+				disabled: A.value || e.record.option.disabled,
+				marker: e.record.option.marker,
+				appearance: z.value,
+				active: V.value === e.record.token,
+				"focus-on-select": P.value === "roving",
+				onHover: (t) => X(e.record.token),
+				onSelect: (t) => W(e.record.token)
+			}, null, 8, [
+				"registration-token",
+				"id",
+				"label",
+				"title",
+				"selected",
+				"disabled",
+				"marker",
+				"appearance",
+				"active",
+				"focus-on-select",
+				"onHover",
+				"onSelect"
+			])) : (_(), p(l, {
+				key: 1,
+				label: e.label,
+				"label-id": pe(e.token),
+				variant: k.value
+			}, {
+				default: y(() => [(_(!0), h(d, null, v(e.records, (e) => (_(), p(u, {
+					key: e.token,
+					"registration-token": e.token,
+					id: H(e.token),
+					label: e.option.label,
+					title: e.option.title ?? e.option.label,
+					selected: R.value.has(e.token),
+					disabled: A.value || e.option.disabled,
+					marker: e.option.marker,
+					appearance: z.value,
+					active: V.value === e.token,
+					"focus-on-select": P.value === "roving",
+					onHover: (t) => X(e.token),
+					onSelect: (t) => W(e.token)
+				}, null, 8, [
+					"registration-token",
+					"id",
+					"label",
+					"title",
+					"selected",
+					"disabled",
+					"marker",
+					"appearance",
+					"active",
+					"focus-on-select",
+					"onHover",
+					"onSelect"
+				]))), 128))]),
+				_: 2
+			}, 1032, [
+				"label",
+				"label-id",
+				"variant"
+			]))], 64))), 128)),
+			L.value.options.length === 0 && !F.value ? (_(), h("li", le, oe(O.value), 1)) : m("", !0)
+		], 16, b));
+	}
+});
+//#endregion
+export { x as default };

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

@@ -0,0 +1,30 @@
+import { SMarker as MarkerContract } from '../_internal/markerContract';
+export interface Props {
+    registrationToken: string;
+    label: string;
+    selected: boolean;
+    disabled?: boolean;
+    appearance?: 'select' | 'color';
+    marker?: MarkerContract;
+    title?: string;
+    id?: string;
+    active?: boolean;
+    focusOnSelect?: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: () => any;
+    hover: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: (() => any) | undefined;
+    onHover?: (() => any) | undefined;
+}>, {
+    active: boolean;
+    id: string;
+    title: string;
+    marker: MarkerContract;
+    disabled: boolean;
+    appearance: "select" | "color";
+    focusOnSelect: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/shared/controls/SListboxOption.vue.js

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

package/dist/src/components/shared/controls/SListboxOption.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,99 @@
+import { Check as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
+import { useInteractiveLeafRegistration as t } from "../../../internal/passiveContentContract.js";
+import n from "./SMarker.vue.js";
+import { listboxContextKey as r } from "../_internal/listboxContext.js";
+import { createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, inject as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, toDisplayString as h, unref as g, withModifiers as _ } from "vue";
+//#region src/components/shared/controls/SListboxOption.vue?vue&type=script&setup=true&lang.ts
+var v = [
+	"id",
+	"data-appearance",
+	"data-focused",
+	"title",
+	"aria-label",
+	"aria-selected",
+	"aria-disabled"
+], y = ["data-appearance"], b = ["data-selected"], x = ["data-appearance"], S = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "SListboxOption",
+	props: {
+		registrationToken: {},
+		label: {},
+		selected: { type: Boolean },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		appearance: { default: "select" },
+		marker: { default: void 0 },
+		title: { default: void 0 },
+		id: { default: void 0 },
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		focusOnSelect: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["select", "hover"],
+	setup(l, { emit: S }) {
+		let C = l, w = S;
+		t({ owner: "SListboxOption" });
+		let T = u(r);
+		if (!T) throw Error("SListboxOption must be used inside SListbox");
+		let E = m(!1), D = m(null), O, k = () => {
+			C.disabled || (C.focusOnSelect && D.value?.focus(), w("select"));
+		}, A = (e) => {
+			C.focusOnSelect || e.preventDefault();
+		};
+		return f(() => {
+			let e = D.value;
+			if (!(e instanceof HTMLLIElement)) throw Error("SListboxOption: option element is unavailable");
+			O = T.register({
+				element: e,
+				token: C.registrationToken,
+				activate: k,
+				disabled: () => C.disabled,
+				label: () => C.label,
+				selected: () => C.selected
+			});
+		}), d(() => O?.()), (t, r) => (p(), o("li", {
+			ref_key: "optionRef",
+			ref: D,
+			id: l.id,
+			class: "s-listbox-option__control",
+			"data-appearance": l.appearance,
+			"data-focused": E.value || l.active || void 0,
+			title: l.title ?? l.label,
+			"aria-label": l.appearance === "color" ? l.label : void 0,
+			role: "option",
+			"aria-selected": l.selected,
+			"aria-disabled": l.disabled || void 0,
+			tabindex: -1,
+			onFocus: r[0] ||= (e) => E.value = !0,
+			onBlur: r[1] ||= (e) => E.value = !1,
+			onMousedown: A,
+			onMouseenter: r[2] ||= (e) => w("hover"),
+			onClick: _(k, ["stop"])
+		}, [s("span", {
+			class: "s-listbox-option__main",
+			"data-appearance": l.appearance
+		}, [l.marker ? (p(), i(n, {
+			key: 0,
+			marker: l.marker,
+			size: l.appearance === "color" ? "lg" : "sm"
+		}, null, 8, ["marker", "size"])) : a("", !0), l.appearance === "select" ? (p(), o("span", {
+			key: 1,
+			class: "s-listbox-option__label",
+			"data-selected": l.selected || void 0
+		}, h(l.label), 9, b)) : a("", !0)], 8, y), l.selected ? (p(), o("span", {
+			key: 0,
+			class: "s-listbox-option__check",
+			"data-appearance": l.appearance,
+			"aria-hidden": "true"
+		}, [c(g(e))], 8, x)) : a("", !0)], 40, v));
+	}
+});
+//#endregion
+export { S as default };

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

@@ -0,0 +1,14 @@
+import { SMarker } from '../_internal/markerContract';
+export { createCustomMarker } from '../_internal/markerContract';
+export type { SCustomMarker, SMarker, SMarkerTone } from '../_internal/markerContract';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    marker: SMarker;
+    size?: "sm" | "lg";
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    marker: SMarker;
+    size?: "sm" | "lg";
+}> & Readonly<{}>, {
+    size: "sm" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/components/shared/controls/SMarker.vue.js

@@ -0,0 +1,9 @@
+import "../../../../assets/src/components/shared/controls/SMarker.css_vue_type_style_index_0_src_086bcc16_scoped_086bcc16_lang.css";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { createCustomMarker as t } from "../_internal/markerContract.js";
+import n from "./SMarker.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                     */
+//#region src/components/shared/controls/SMarker.vue
+var r = /*#__PURE__*/ e(n, [["__scopeId", "data-v-086bcc16"]]);
+//#endregion
+export { t as createCustomMarker, r as default };

package/dist/src/components/shared/controls/SMarker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { resolveSemanticToneBinding as t } from "../../../internal/semanticTone.js";
+import { S_MARKER_TONES as n, createCustomMarker as r } from "../_internal/markerContract.js";
+import { computed as i, createElementBlock as a, defineComponent as o, mergeProps as s, openBlock as c, unref as l } from "vue";
+//#region src/components/shared/controls/SMarker.vue?vue&type=script&setup=true&lang.ts
+var u = ["data-s-tone", "data-size"], d = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "SMarker",
+	props: {
+		marker: {},
+		size: { default: "sm" }
+	},
+	setup(o) {
+		let d = o, f = e({
+			component: "SMarker",
+			owner: "marker root"
+		}), p = [...n, "custom"], m = i(() => t("SMarker", "marker.tone", d.marker.tone, p)), h = i(() => {
+			if (d.marker.tone === "custom") return r(d.marker.color), { "--s-marker-custom-color": d.marker.color };
+		});
+		return (e, t) => (c(), a("span", s(l(f).bindings(), {
+			"data-s-tone": m.value["data-s-tone"],
+			class: "s-marker",
+			"data-size": o.size,
+			style: h.value,
+			"aria-hidden": "true"
+		}), null, 16, u));
+	}
+});
+//#endregion
+export { r as createCustomMarker, d as default };

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

@@ -0,0 +1,38 @@
+import { MenuDensity } from '../_internal/menuContext';
+import { SMenuActivationEvent, SMenuEntry, SMenuSelectableEntry } from './menu';
+export type SMenuDensity = MenuDensity;
+export interface Props {
+    label: string;
+    items: readonly SMenuEntry[];
+    density?: SMenuDensity;
+    orientation?: 'vertical' | 'horizontal';
+    autofocus?: boolean;
+    initialFocus?: 'first' | 'last';
+}
+/** Типизированная focus-поверхность для menu owners без DOM queries. / Typed focus surface for menu owners without DOM queries. */
+export interface SMenuSurfaceApi {
+    focusFirst: () => void;
+    focusLast: () => void;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, SMenuSurfaceApi, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: SMenuSelectableEntry, event: SMenuActivationEvent) => any;
+    escape: () => any;
+    tab: (event: KeyboardEvent) => any;
+    "focus-exit": (event: FocusEvent) => any;
+    "submenu-back": () => any;
+    "dismiss-tree": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: ((item: SMenuSelectableEntry, event: SMenuActivationEvent) => any) | undefined;
+    onEscape?: (() => any) | undefined;
+    onTab?: ((event: KeyboardEvent) => any) | undefined;
+    "onFocus-exit"?: ((event: FocusEvent) => any) | undefined;
+    "onSubmenu-back"?: (() => any) | undefined;
+    "onDismiss-tree"?: (() => any) | undefined;
+}>, {
+    orientation: "vertical" | "horizontal";
+    autofocus: boolean;
+    density: SMenuDensity;
+    initialFocus: "first" | "last";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/shared/controls/SMenuSurface.vue.js

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