@pgcorp/ui-kit 0.10.0 → 0.10.1

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

@@ -0,0 +1,153 @@
+import { ChevronDown as e, ChevronsUpDown as t } from "../../icons/sputnigUiIcons.js";
+import { useUiKitLocale as n } from "../../../composables/useUiKitLocale.js";
+import { useInteractiveLeafRegistration as r } from "../../../internal/passiveContentContract.js";
+import { resolveFieldSurfaceBindings as i } from "../../../internal/fieldSurface.js";
+import a from "./SMarker.vue.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeProps as f, openBlock as p, ref as m, toDisplayString as h, unref as g, withKeys as _, withModifiers as v } from "vue";
+//#region src/components/shared/controls/SComboboxTrigger.vue?vue&type=script&setup=true&lang.ts
+var y = [
+	"id",
+	"title",
+	"data-size",
+	"data-width",
+	"disabled",
+	"aria-label",
+	"aria-expanded",
+	"aria-controls",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-required",
+	"aria-readonly",
+	"data-testid",
+	"data-test",
+	"data-task-mapping-internal-value",
+	"data-task-mapping-kind",
+	"data-appearance"
+], b = {
+	key: 1,
+	class: "s-combobox-trigger__value"
+}, x = {
+	class: "s-combobox-trigger__caret",
+	"aria-hidden": "true"
+}, S = /*@__PURE__*/ d({
+	inheritAttrs: !1,
+	__name: "SComboboxTrigger",
+	props: {
+		id: {},
+		accessibleLabel: {},
+		expanded: { type: Boolean },
+		controls: {},
+		displayValue: { default: void 0 },
+		placeholder: { default: void 0 },
+		marker: { default: void 0 },
+		appearance: { default: "field" },
+		size: { default: "md" },
+		width: { default: "full" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		describedBy: { default: void 0 },
+		title: { default: void 0 },
+		testId: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		test: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		taskMappingInternalValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		taskMappingKind: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		}
+	},
+	emits: ["toggle"],
+	setup(d, { expose: S, emit: C }) {
+		let w = d, { t: T } = n(), E = o(() => w.placeholder ?? T("forms.selectPlaceholder")), D = C, O = m(null), k = o(() => i("SComboboxTrigger", {
+			kind: "combobox-trigger",
+			appearance: w.appearance === "field" ? "field" : "embedded",
+			invalid: w.invalid,
+			disabled: w.disabled,
+			readonly: w.readonly
+		}));
+		r({ owner: "SComboboxTrigger" });
+		let A = () => {
+			let e = O.value;
+			if (!e) throw Error("SComboboxTrigger: native button element is unavailable");
+			return e;
+		};
+		return S({
+			getElement: A,
+			focus: (e) => A().focus(e)
+		}), (n, r) => (p(), l("button", f(k.value, {
+			ref_key: "buttonRef",
+			ref: O,
+			type: "button",
+			id: d.id,
+			title: d.title,
+			class: "s-combobox-trigger",
+			"data-size": d.size,
+			"data-width": d.width,
+			disabled: d.disabled,
+			role: "combobox",
+			"aria-haspopup": "listbox",
+			"aria-label": d.accessibleLabel,
+			"aria-expanded": d.expanded,
+			"aria-controls": d.controls,
+			"aria-invalid": d.invalid || void 0,
+			"aria-describedby": d.describedBy,
+			"aria-required": d.required || void 0,
+			"aria-readonly": d.readonly || void 0,
+			"data-testid": d.testId,
+			"data-test": d.test,
+			"data-task-mapping-internal-value": d.taskMappingInternalValue,
+			"data-task-mapping-kind": d.taskMappingKind,
+			"data-appearance": d.appearance,
+			onClick: r[0] ||= (e) => D("toggle", e),
+			onKeydown: [r[1] ||= _(v((e) => D("toggle", e), ["prevent"]), ["down"]), r[2] ||= _(v((e) => D("toggle", e), ["prevent"]), ["up"])]
+		}), [
+			d.marker ? (p(), s(a, {
+				key: 0,
+				marker: d.marker,
+				size: d.appearance === "swatch" ? "lg" : "sm"
+			}, null, 8, ["marker", "size"])) : c("", !0),
+			d.appearance === "field" ? (p(), l("span", b, h(d.displayValue || E.value), 1)) : c("", !0),
+			u("span", x, [d.appearance === "field" ? (p(), s(g(t), { key: 0 })) : (p(), s(g(e), { key: 1 }))])
+		], 16, y));
+	}
+});
+//#endregion
+export { S as default };

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

@@ -0,0 +1,42 @@
+import { VNodeChild } from 'vue';
+import { SMenuActivationEvent, SMenuEntry, SMenuSelectableEntry } from './menu';
+export interface Props {
+    items: readonly SMenuEntry[];
+    /** False оставляет boundary полностью inert: не открывает menu и не перехватывает native events. / False keeps the boundary fully inert: it neither opens the menu nor intercepts native events. */
+    enabled?: boolean;
+    trigger?: 'contextmenu' | 'click' | 'both';
+    boundaryLayout?: 'block' | 'inline' | 'contents';
+}
+/**
+ * ARIA-связь canonical trigger с принадлежащим ему context-menu layer.
+ * ARIA relationship between the canonical trigger and its owned context-menu layer.
+ */
+export interface SContextMenuTriggerProps {
+    readonly 'aria-haspopup'?: 'menu';
+    readonly 'aria-expanded'?: boolean;
+    readonly 'aria-controls'?: string;
+    readonly onKeydown?: (event: KeyboardEvent) => void;
+}
+type __VLS_Slots = {
+    /** Canonical interactive owner получает готовые ARIA props. / The canonical interactive owner receives complete ARIA props. */
+    default?: (props: {
+        triggerProps: SContextMenuTriggerProps;
+    }) => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (entry: SMenuSelectableEntry, event: SMenuActivationEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: ((entry: SMenuSelectableEntry, event: SMenuActivationEvent) => any) | undefined;
+}>, {
+    enabled: boolean;
+    trigger: "contextmenu" | "click" | "both";
+    boundaryLayout: "block" | "inline" | "contents";
+}, {}, {}, {}, 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/controls/SContextMenu.vue.js

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

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

@@ -0,0 +1,129 @@
+import { findFocusableOwner as e } from "../../../internal/focusNavigation.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { useInteractiveLeafRegistration as n } from "../../../internal/passiveContentContract.js";
+import { useMenuLayer as r } from "../../../internal/useMenuLayer.js";
+import i from "../_internal/SMenuLayer.vue.js";
+import { validateSMenuEntries as a } from "./menu.js";
+import o from "./SMenuSurface.vue.js";
+import { Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createVNode as p, defineComponent as m, mergeProps as h, openBlock as g, ref as _, renderSlot as v, unref as y, useId as b, watch as x, watchEffect as S, withCtx as C } from "vue";
+//#region src/components/shared/controls/SContextMenu.vue?vue&type=script&setup=true&lang.ts
+var w = ["data-layout"], T = /*@__PURE__*/ m({
+	inheritAttrs: !1,
+	__name: "SContextMenu",
+	props: {
+		items: {},
+		enabled: {
+			type: Boolean,
+			default: !0
+		},
+		trigger: { default: "contextmenu" },
+		boundaryLayout: { default: "block" }
+	},
+	emits: ["select"],
+	setup(m, { emit: T }) {
+		let E = m, D = T, O = t({
+			component: "SContextMenu",
+			owner: "interaction boundary root"
+		});
+		n({
+			owner: "SContextMenu",
+			active: () => E.enabled
+		});
+		let k = `s-context-menu-${b()}`, A = _("first"), j = _(null), M = l(() => j.value?.getElement() ?? null), { isOpen: N, position: P, zIndex: F, open: I, close: L, closeForTab: R } = r(M), z = l(() => E.enabled ? {
+			"aria-haspopup": "menu",
+			"aria-expanded": N.value,
+			"aria-controls": k,
+			onKeydown: V
+		} : {}), B = async (t) => {
+			if (!E.enabled) return;
+			A.value = "first";
+			let n = t.currentTarget instanceof Element ? t.currentTarget : null, r = e(t.target, n) ?? e(document.activeElement), i = t.clientX === 0 && t.clientY === 0 && t.detail === 0;
+			await I(i && r ? {
+				type: "element",
+				element: r,
+				align: "left"
+			} : {
+				type: "point",
+				x: t.clientX,
+				y: t.clientY
+			}, r);
+		}, V = (e) => {
+			if (!E.enabled || E.trigger !== "click" && E.trigger !== "both" || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			let t = e.currentTarget;
+			if (!(t instanceof HTMLElement)) throw TypeError("SContextMenu: trigger keydown currentTarget must be an HTMLElement");
+			e.preventDefault(), e.stopPropagation(), A.value = e.key === "ArrowUp" ? "last" : "first", I({
+				type: "element",
+				element: t,
+				align: "left"
+			}, t);
+		}, H = (e) => {
+			E.enabled && (e.preventDefault(), e.stopPropagation(), B(e));
+		}, U = (e) => {
+			(E.trigger === "click" || E.trigger === "both") && H(e);
+		}, W = (e) => {
+			(E.trigger === "contextmenu" || E.trigger === "both") && H(e);
+		};
+		x(() => E.enabled, (e) => {
+			e || L("programmatic");
+		});
+		let G = (e, t) => {
+			e.disabled || (L("selection"), D("select", e, t));
+		};
+		return S(() => {
+			if (a(E.items), typeof E.enabled != "boolean") throw TypeError("SContextMenu: enabled must be a boolean");
+			if (![
+				"contextmenu",
+				"click",
+				"both"
+			].includes(E.trigger)) throw TypeError("SContextMenu: trigger must be 'contextmenu', 'click', or 'both'");
+			if (![
+				"block",
+				"inline",
+				"contents"
+			].includes(E.boundaryLayout)) throw TypeError("SContextMenu: boundaryLayout must be 'block', 'inline', or 'contents'");
+		}), (e, t) => (g(), f("div", h(y(O).bindings(), {
+			class: "s-context-menu-boundary",
+			"data-layout": m.boundaryLayout,
+			onClick: U,
+			onContextmenu: W
+		}), [v(e.$slots, "default", { triggerProps: z.value }, void 0, !0), (g(), u(s, { to: "body" }, [p(c, {
+			"enter-active-class": "transition ease-out duration-[var(--s-motion-fast)]",
+			"enter-from-class": "transform opacity-0 scale-95",
+			"enter-to-class": "transform opacity-100 scale-100",
+			"leave-active-class": "transition ease-in duration-[var(--s-motion-instant)]",
+			"leave-from-class": "transform opacity-100 scale-100",
+			"leave-to-class": "transform opacity-0 scale-95"
+		}, {
+			default: C(() => [y(N) ? (g(), u(i, {
+				key: 0,
+				ref_key: "layerRef",
+				ref: j,
+				kind: "context",
+				"landmark-label": "Контекстные действия",
+				position: y(P),
+				"z-index": y(F)
+			}, {
+				default: C(() => [p(o, {
+					id: k,
+					label: "Контекстные действия",
+					autofocus: "",
+					"initial-focus": A.value,
+					items: m.items,
+					onDismissTree: t[0] ||= (e) => y(L)("outside"),
+					onEscape: t[1] ||= (e) => y(L)("escape"),
+					onFocusExit: t[2] ||= (e) => y(L)("outside"),
+					onSelect: G,
+					onTab: y(R)
+				}, null, 8, [
+					"initial-focus",
+					"items",
+					"onTab"
+				])]),
+				_: 1
+			}, 8, ["position", "z-index"])) : d("", !0)]),
+			_: 1
+		})]))], 16, w));
+	}
+});
+//#endregion
+export { T as default };

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

@@ -0,0 +1,22 @@
+/** Доменный toggle добавления сущности в контекст. / Domain toggle for adding an entity to context. */
+export interface Props {
+    inContext: boolean;
+    partial?: boolean;
+    addTitle?: string;
+    removeTitle?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    loading?: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    loading: boolean;
+    size: "xs" | "sm" | "md" | "lg";
+    partial: boolean;
+    addTitle: string;
+    removeTitle: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,5 @@
+import e from "./SContextToggleButton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/shared/controls/SContextToggleButton.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,58 @@
+import { Minus as e, MinusCircle as t, PlusCircle as n } from "../../icons/sputnigUiIcons.js";
+import { useUiKitLocale as r } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as i } from "../../../internal/ownedAttrs.js";
+import { validateNonEmptyString as a } from "../../../internal/runtimeContract.js";
+import o from "./SButton.vue.js";
+import { computed as s, createBlock as c, defineComponent as l, mergeProps as u, openBlock as d, unref as f } from "vue";
+//#region src/components/shared/controls/SContextToggleButton.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "SContextToggleButton",
+	props: {
+		inContext: { type: Boolean },
+		partial: {
+			type: Boolean,
+			default: !1
+		},
+		addTitle: { default: void 0 },
+		removeTitle: { default: void 0 },
+		size: { default: "sm" },
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click"],
+	setup(l, { emit: p }) {
+		let m = l, { t: h } = r(), g = p, _ = i({
+			component: "SContextToggleButton",
+			owner: "toggle button"
+		}), v = s(() => ({
+			add: a("SContextToggleButton", "addTitle", m.addTitle ?? h("forms.addToContext")),
+			remove: a("SContextToggleButton", "removeTitle", m.removeTitle ?? h("forms.removeFromContext"))
+		})), y = s(() => m.inContext ? v.value.remove : v.value.add), b = s(() => m.partial ? "mixed" : m.inContext), x = s(() => m.inContext ? m.partial ? e : t : n);
+		return (e, t) => (d(), c(o, u(f(_).bindings(), {
+			appearance: "text",
+			"icon-only": "",
+			shape: "circle",
+			size: l.size,
+			severity: l.partial ? "warn" : l.inContext ? "primary" : "secondary",
+			title: y.value,
+			"aria-label": y.value,
+			pressed: b.value,
+			"leading-icon": x.value,
+			loading: l.loading,
+			onClick: t[0] ||= (e) => g("click")
+		}), null, 16, [
+			"size",
+			"severity",
+			"title",
+			"aria-label",
+			"pressed",
+			"leading-icon",
+			"loading"
+		]));
+	}
+});
+//#endregion
+export { p as default };

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

@@ -0,0 +1,26 @@
+import { SButtonSize } from './SButton.vue';
+type __VLS_Props = {
+    label: string;
+    orientation?: 'vertical' | 'horizontal';
+    size?: SButtonSize;
+    canMovePrevious?: boolean;
+    canMoveNext?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "drag-start": (pointerEvent: PointerEvent) => any;
+    reorder: (direction: 1 | -1) => any;
+    "keyboard-active-change": (active: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDrag-start"?: ((pointerEvent: PointerEvent) => any) | undefined;
+    onReorder?: ((direction: 1 | -1) => any) | undefined;
+    "onKeyboard-active-change"?: ((active: boolean) => any) | undefined;
+}>, {
+    size: SButtonSize;
+    orientation: "vertical" | "horizontal";
+    disabled: boolean;
+    canMovePrevious: boolean;
+    canMoveNext: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,5 @@
+import e from "./SDragHandle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/shared/controls/SDragHandle.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,90 @@
+import { getSputnigUiIconComponent as e } from "../../icons/sputnigUiIcons.js";
+import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
+import { validateNonEmptyString as r } from "../../../internal/runtimeContract.js";
+import i from "./SButton.vue.js";
+import { computed as a, createBlock as o, defineComponent as s, mergeProps as c, openBlock as l, ref as u, unref as d, watchEffect as f } from "vue";
+//#region src/components/shared/controls/SDragHandle.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "SDragHandle",
+	props: {
+		label: {},
+		orientation: { default: "vertical" },
+		size: { default: "sm" },
+		canMovePrevious: {
+			type: Boolean,
+			default: !1
+		},
+		canMoveNext: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"drag-start",
+		"reorder",
+		"keyboard-active-change"
+	],
+	setup(s, { emit: p }) {
+		let m = s, h = p, g = e("drag"), _ = n({
+			component: "SDragHandle",
+			owner: "drag handle command"
+		}), { t: v } = t(), y = u(!1), b = a(() => r("SDragHandle", "label", m.label)), x = a(() => m.orientation === "vertical" ? "Enter Space ArrowUp ArrowDown Escape" : "Enter Space ArrowLeft ArrowRight Escape"), S = a(() => y.value ? v("layout.dragActive", { label: b.value }) : v("layout.dragIdle", { label: b.value }));
+		function C(e) {
+			y.value !== e && (y.value = e, h("keyboard-active-change", e));
+		}
+		function w(e) {
+			m.disabled || e.detail > 0 || C(!y.value);
+		}
+		function T(e) {
+			m.disabled || (C(!1), h("drag-start", e));
+		}
+		function E(e) {
+			if (m.disabled || !y.value) return;
+			if (e.key === "Escape") {
+				e.preventDefault(), C(!1);
+				return;
+			}
+			let t = m.orientation === "vertical" ? "ArrowUp" : "ArrowLeft", n = m.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+			if (e.key !== t && e.key !== n) return;
+			e.preventDefault();
+			let r = e.key === t ? -1 : 1;
+			(r !== -1 || m.canMovePrevious) && (r !== 1 || m.canMoveNext) && h("reorder", r);
+		}
+		return f(() => {
+			m.disabled && C(!1);
+		}), (e, t) => (l(), o(i, c(d(_).bindings(), {
+			size: s.size,
+			severity: "secondary",
+			appearance: "ghost",
+			"icon-only": "",
+			"leading-icon": d(g),
+			disabled: s.disabled,
+			pressed: y.value,
+			title: S.value,
+			"aria-label": S.value,
+			"aria-keyshortcuts": x.value,
+			"data-s-drag-handle": "",
+			"data-state": y.value ? "keyboard-active" : "idle",
+			onClick: w,
+			onPointerdown: T,
+			onKeydown: E
+		}), null, 16, [
+			"size",
+			"leading-icon",
+			"disabled",
+			"pressed",
+			"title",
+			"aria-label",
+			"aria-keyshortcuts",
+			"data-state"
+		]));
+	}
+});
+//#endregion
+export { p as default };

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

@@ -0,0 +1,38 @@
+import { VNodeChild, VNodeRef } from 'vue';
+import { OwnedAttributeBindings } from '../../../internal/ownedAttrs';
+import { SMenuActivationEvent, SMenuEntry, SMenuSelectableEntry } from './menu';
+type __VLS_Props = {
+    items: readonly SMenuEntry[];
+    align?: 'left' | 'right';
+    menuLabel?: string;
+};
+export type SDropdownMenuTriggerAttrs = OwnedAttributeBindings<'SDropdownMenu'> & {
+    readonly ref: VNodeRef;
+    readonly 'aria-haspopup': 'menu';
+    readonly 'aria-expanded': boolean;
+    readonly 'aria-controls': string;
+    readonly onClick: (event?: Event) => void;
+    readonly onKeydown: (event: KeyboardEvent) => void;
+};
+type __VLS_Slots = {
+    /** Единственный custom-trigger contract: attrs должны принадлежать реальному control. / The sole custom-trigger contract: attrs must be bound to the actual control. */
+    default?: (props: {
+        triggerAttrs: SDropdownMenuTriggerAttrs;
+    }) => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (entry: SMenuSelectableEntry, event: SMenuActivationEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((entry: SMenuSelectableEntry, event: SMenuActivationEvent) => any) | undefined;
+}>, {
+    align: "left" | "right";
+    menuLabel: string;
+}, {}, {}, {}, 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/controls/SDropdownMenu.vue.js

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