@soxa-ui/solid 0.0.0-stage → 0.3.0-beta.1

package/dist/components/menu/checkbox-item/setup.component.d.ts

@@ -0,0 +1,37 @@
+import type { MenuCheckboxItemProps } from './base.component';
+export declare function setupMenuCheckboxItem(props: MenuCheckboxItemProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IMenuItem<import("@soxa-ui/core").IMenuItemProps, any>, import("@soxa-ui/core").TMenuCollectionExtensions> | undefined;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").IMenuCheckboxItem;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+    state: import("../../../adapter").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IMenuCheckboxItem, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "action:click": (event: MouseEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:blur": (event: FocusEvent) => void;
+        } & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {};
+        outputs: object & {} & {} & {} & {} & {} & {
+            readonly listItem_highlighted: boolean;
+        };
+    }>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TMenuItemCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<MenuCheckboxItemProps>;
+};

package/dist/components/menu/checkbox-item/setup.component.js

@@ -0,0 +1,24 @@
+import { createSolidAdapterContext } from "../../../adapter/common/createSolidAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../../adapter/elevator/useElevator.js";
+import { MenuCheckboxItemDescriptor, MenuCollectionCheckboxItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/checkbox-item/setup.component.ts
+function setupMenuCheckboxItem(props) {
+	const { elevator } = useElevator();
+	const adapter = createSolidAdapterContext(MenuCheckboxItemDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	const item = createSolidAdapterContext(MenuCollectionCheckboxItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+		adapter,
+		elevator
+	});
+	const itemBinding = useCollectionAdapter(item, props);
+	const owner = useAdapter(adapter, props);
+	return {
+		...joinBindings(owner, itemBinding),
+		context: item.instance.context
+	};
+}
+//#endregion
+export { setupMenuCheckboxItem };

package/dist/components/menu/group/Group.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { MenuGroupProps } from './base.component';
+/** Пункты меню под общей подписью `label`; без подписи нет и её узла. */
+export declare function MenuGroup(props: MenuGroupProps): JSX.Element;

package/dist/components/menu/group/Group.js

@@ -0,0 +1,63 @@
+import { renderSlot } from "../../../adapter/common/slots.js";
+import { Show } from "../../../adapter/runtime/flow.js";
+import { createPartProps, createRootProps } from "../../../adapter/common/root.js";
+import { Root } from "../../../adapter/runtime/Root.js";
+import { Elevate } from "../../../adapter/elevator/Elevate.js";
+import { setupMenuGroup } from "./setup.component.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+//#region src/components/menu/group/Group.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class=so-menu-group__label>`);
+/** Пункты меню под общей подписью `label`; без подписи нет и её узла. */
+function MenuGroup(props) {
+	const binding = setupMenuGroup(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	const labelAria = createPartProps(() => state.labelAria);
+	return createComponent(Show, {
+		get when() {
+			return state.rendered;
+		},
+		get children() {
+			return createComponent(Root, {
+				get tag() {
+					return state.tag;
+				},
+				attributes: root,
+				ref(r$) {
+					var _ref$ = binding.ref;
+					typeof _ref$ === "function" ? _ref$(r$) : binding.ref = r$;
+				},
+				get children() {
+					return [createComponent(Show, {
+						get when() {
+							return state.label;
+						},
+						get children() {
+							var _el$ = _tmpl$();
+							spread(_el$, mergeProps(labelAria), false, true);
+							insert(_el$, () => state.label);
+							return _el$;
+						}
+					}), createComponent(Elevate, {
+						get layer() {
+							return binding.layer;
+						},
+						get children() {
+							return renderSlot(props.children);
+						}
+					})];
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { MenuGroup };

package/dist/components/menu/group/base.component.d.ts

@@ -0,0 +1,7 @@
+import type { IItemGroup } from '@soxa-ui/core';
+import type { MenuGroupDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+/** События группы — свои (ядро и плагин имени): подпись и её набор. */
+export type MenuGroupEventProps = EventProps<typeof MenuGroupDescriptor>;
+/** Пропсы группы меню: подпись — проп `label`, пункты — дети. */
+export type MenuGroupProps = UseDomProps<typeof MenuGroupDescriptor, IItemGroup, MenuGroupEventProps>;

package/dist/components/menu/group/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupMenuGroup } from './setup.component';
+export { MenuGroup } from './Group';

package/dist/components/menu/group/setup.component.d.ts

@@ -0,0 +1,18 @@
+import type { MenuGroupProps } from './base.component';
+export declare function setupMenuGroup(props: MenuGroupProps): {
+    layer: import("../../../adapter").TElevatorLayer;
+    ctrl: object & import("@soxa-ui/core").IItemGroup<import("@soxa-ui/core").IItemGroupProps, import("@soxa-ui/core").TItemGroupEvents>;
+    state: import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IItemGroup<import("@soxa-ui/core").IItemGroupProps, import("@soxa-ui/core").TItemGroupEvents>, {
+        props: object & {} & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {};
+        outputs: object & {} & {} & {};
+    }>>;
+    forwardProps: () => Partial<MenuGroupProps>;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ref: (el: Element) => void;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+};

package/dist/components/menu/group/setup.component.js

@@ -0,0 +1,18 @@
+import { createSolidAdapterContext } from "../../../adapter/common/createSolidAdapterContext.js";
+import { useAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../../adapter/elevator/useElevator.js";
+import { MenuGroupDescriptor, TItemGroupExtension } from "@soxa-ui/setup";
+//#region src/components/menu/group/setup.component.ts
+function setupMenuGroup(props) {
+	const { elevator, layer } = useElevator();
+	const adapter = createSolidAdapterContext(MenuGroupDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}).use(TItemGroupExtension, { elevator });
+	return {
+		...useAdapter(adapter, props),
+		layer
+	};
+}
+//#endregion
+export { setupMenuGroup };

package/dist/components/menu/index.d.ts

@@ -0,0 +1,29 @@
+import { Menu as MenuComponent } from './Menu';
+import { MenuItem } from './item';
+import { MenuCheckboxItem } from './checkbox-item';
+import { MenuRadioItem } from './radio-item';
+import { MenuSubmenu } from './submenu';
+import { MenuPopoverItem } from './popover-item';
+import { MenuGroup } from './group';
+import { MenuRadioGroup } from './radio-group';
+import { MenuSeparator } from './separator';
+export * from './base.component';
+export { setupMenu } from './setup.component';
+export * from './item';
+export * from './checkbox-item';
+export * from './radio-item';
+export * from './submenu';
+export * from './popover-item';
+export * from './group';
+export * from './radio-group';
+export * from './separator';
+export declare const Menu: typeof MenuComponent & {
+    Item: typeof MenuItem;
+    CheckboxItem: typeof MenuCheckboxItem;
+    RadioItem: typeof MenuRadioItem;
+    Submenu: typeof MenuSubmenu;
+    PopoverItem: typeof MenuPopoverItem;
+    Group: typeof MenuGroup;
+    RadioGroup: typeof MenuRadioGroup;
+    Separator: typeof MenuSeparator;
+};

package/dist/components/menu/index.js

@@ -0,0 +1,32 @@
+import "./group/setup.component.js";
+import { MenuGroup } from "./group/Group.js";
+import "./item/setup.component.js";
+import { MenuItem } from "./item/Item.js";
+import "./separator/setup.component.js";
+import { MenuSeparator } from "./separator/Separator.js";
+import "./submenu/setup.component.js";
+import { MenuSubmenu } from "./submenu/Submenu.js";
+import "./setup.component.js";
+import { Menu as Menu$1 } from "./Menu.js";
+import "./checkbox-item/setup.component.js";
+import { MenuCheckboxItem } from "./checkbox-item/CheckboxItem.js";
+import "./radio-item/setup.component.js";
+import { MenuRadioItem } from "./radio-item/RadioItem.js";
+import "./popover-item/setup.component.js";
+import { MenuPopoverItem } from "./popover-item/PopoverItem.js";
+import "./radio-group/setup.component.js";
+import { MenuRadioGroup } from "./radio-group/RadioGroup.js";
+import { withParts } from "@soxa-ui/setup";
+//#region src/components/menu/index.ts
+var Menu = withParts(Menu$1, {
+	Item: MenuItem,
+	CheckboxItem: MenuCheckboxItem,
+	RadioItem: MenuRadioItem,
+	Submenu: MenuSubmenu,
+	PopoverItem: MenuPopoverItem,
+	Group: MenuGroup,
+	RadioGroup: MenuRadioGroup,
+	Separator: MenuSeparator
+});
+//#endregion
+export { Menu };

package/dist/components/menu/item/Item.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { MenuItemProps } from './base.component';
+/**
+ * Пункт-действие: строка — `ItemRow` на `div` с набором `aria`. Обёртки значка и
+ * сочетания — у каждого пункта и без пробелов: пустую тема прячет по `:empty`.
+ */
+export declare function MenuItem(props: MenuItemProps): JSX.Element;

package/dist/components/menu/item/Item.js

@@ -0,0 +1,79 @@
+import { renderSlot, resolveSlot } from "../../../adapter/common/slots.js";
+import { Show } from "../../../adapter/runtime/flow.js";
+import { clickAction } from "../../../adapter/common/click-action.js";
+import { createRootProps, toControlAttrs, toRootForward } from "../../../adapter/common/root.js";
+import { Root } from "../../../adapter/runtime/Root.js";
+import { ItemRow } from "../../item-row/ItemRow.js";
+import { setupMenuItem } from "./setup.component.js";
+import { createComponent, insert, mergeProps, template } from "solid-js/web";
+//#region src/components/menu/item/Item.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=so-menu-item__icon>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=so-menu-item__shortcut>`);
+/**
+* Пункт-действие: строка — `ItemRow` на `div` с набором `aria`. Обёртки значка и
+* сочетания — у каждого пункта и без пробелов: пустую тема прячет по `:empty`.
+*/
+function MenuItem(props) {
+	const binding = setupMenuItem(props);
+	const state = binding.state;
+	const context = binding.context;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.dataset, state.attrs],
+		forward: toRootForward(binding.forwardProps())
+	}));
+	const content = resolveSlot(() => props.children, () => ({ text: state.text ?? "" }));
+	/** The row's attributes: all of the consumer's but the class and the style. */
+	const row = () => toControlAttrs(binding.forwardProps());
+	const choose = clickAction(() => context?.adapters.menu.choose());
+	return createComponent(Show, {
+		get when() {
+			return state.rendered;
+		},
+		get children() {
+			return createComponent(Root, {
+				get tag() {
+					return state.tag;
+				},
+				attributes: root,
+				ref(r$) {
+					var _ref$ = binding.ref;
+					typeof _ref$ === "function" ? _ref$(r$) : binding.ref = r$;
+				},
+				get children() {
+					return createComponent(ItemRow, mergeProps({
+						embedded: "menu.row",
+						tag: "div",
+						get size() {
+							return state.size;
+						},
+						get disabled() {
+							return state.disabled;
+						}
+					}, () => state.aria, row, {
+						ref: choose,
+						get leading() {
+							return (() => {
+								var _el$ = _tmpl$();
+								insert(_el$, () => renderSlot(props.leading));
+								return _el$;
+							})();
+						},
+						get trailing() {
+							return (() => {
+								var _el$2 = _tmpl$2();
+								insert(_el$2, () => renderSlot(props.trailing));
+								return _el$2;
+							})();
+						},
+						get children() {
+							return content() ?? state.text;
+						}
+					}));
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { MenuItem };

package/dist/components/menu/item/base.component.d.ts

@@ -0,0 +1,9 @@
+import type { IMenuItem } from '@soxa-ui/core';
+import type { MenuCollectionItemDescriptor, MenuItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../../types';
+/** События пункта — свои (ядро и плагины) и фасада: вход в коллекцию меню. */
+export type MenuItemEventProps = EventProps<typeof MenuItemDescriptor> & EventProps<typeof MenuCollectionItemDescriptor>;
+/** Атрибуты пункта: класс и стиль — корню, остальное — строке с `role="menuitem"`. */
+export type MenuItemAttributes = TDomAttributes<typeof MenuItemDescriptor, MenuItemEventProps>;
+/** Пропсы пункта: размер диктует меню, вариант свой («опасный» пункт). */
+export type MenuItemProps = UseDomProps<typeof MenuItemDescriptor, IMenuItem, MenuItemEventProps>;

package/dist/components/menu/item/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupMenuItem } from './setup.component';
+export { MenuItem } from './Item';

package/dist/components/menu/item/setup.component.d.ts

@@ -0,0 +1,37 @@
+import type { MenuItemProps } from './base.component';
+export declare function setupMenuItem(props: MenuItemProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IMenuItem<import("@soxa-ui/core").IMenuItemProps, any>, import("@soxa-ui/core").TMenuCollectionExtensions> | undefined;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").IMenuItem<import("@soxa-ui/core").IMenuItemProps, any>;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+    state: import("../../../adapter").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IMenuItem<import("@soxa-ui/core").IMenuItemProps, any>, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "action:click": (event: MouseEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:blur": (event: FocusEvent) => void;
+        } & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {};
+        outputs: object & {} & {} & {} & {} & {} & {
+            readonly listItem_highlighted: boolean;
+        };
+    }>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TMenuItemCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<MenuItemProps>;
+};

package/dist/components/menu/item/setup.component.js

@@ -0,0 +1,24 @@
+import { createSolidAdapterContext } from "../../../adapter/common/createSolidAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../../adapter/elevator/useElevator.js";
+import { MenuCollectionItemDescriptor, MenuItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/item/setup.component.ts
+function setupMenuItem(props) {
+	const { elevator } = useElevator();
+	const adapter = createSolidAdapterContext(MenuItemDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	const item = createSolidAdapterContext(MenuCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+		adapter,
+		elevator
+	});
+	const itemBinding = useCollectionAdapter(item, props);
+	const owner = useAdapter(adapter, props);
+	return {
+		...joinBindings(owner, itemBinding),
+		context: item.instance.context
+	};
+}
+//#endregion
+export { setupMenuItem };

package/dist/components/menu/popover-item/PopoverItem.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { MenuPopoverItemProps } from './base.component';
+/**
+ * Пункт с панелью: строка пункта и своя панель сбоку с любым содержимым. Текст
+ * строки — слот `header`: `default` — содержимое панели.
+ */
+export declare function MenuPopoverItem(props: MenuPopoverItemProps): JSX.Element;

package/dist/components/menu/popover-item/PopoverItem.js

@@ -0,0 +1,118 @@
+import { renderSlot, resolveSlot } from "../../../adapter/common/slots.js";
+import { Show } from "../../../adapter/runtime/flow.js";
+import { clickAction } from "../../../adapter/common/click-action.js";
+import { createRootProps, toControlAttrs, toRootForward } from "../../../adapter/common/root.js";
+import { roleIcon } from "../../../adapter/common/icon.js";
+import { Root } from "../../../adapter/runtime/Root.js";
+import { Icon } from "../../icon/Icon.js";
+import { Frame } from "../../frame/Frame.js";
+import { ItemRow } from "../../item-row/ItemRow.js";
+import { setupMenuPopoverItem } from "./setup.component.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+//#region src/components/menu/popover-item/PopoverItem.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class=so-menu-item__content>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=so-menu-item__icon>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class=so-menu-item__arrow aria-hidden=true>`);
+/** Стрелка без слота — иконка из пакета по роли, компонент на роль один на модуль. */
+var ARROW = roleIcon("arrowRight");
+/**
+* Пункт с панелью: строка пункта и своя панель сбоку с любым содержимым. Текст
+* строки — слот `header`: `default` — содержимое панели.
+*/
+function MenuPopoverItem(props) {
+	const binding = setupMenuPopoverItem(props);
+	const state = binding.state;
+	const context = binding.context;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.dataset, state.attrs],
+		forward: toRootForward(binding.forwardProps())
+	}));
+	const header = resolveSlot(() => props.header, () => ({
+		text: state.text ?? "",
+		open: state.open ?? false
+	}));
+	const arrowIcon = resolveSlot(() => props["arrow-icon"], () => ({}));
+	/** The row's attributes: all of the consumer's but the class and the style. */
+	const row = () => toControlAttrs(binding.forwardProps());
+	const expand = clickAction(() => context?.adapters.menu.open());
+	return createComponent(Show, {
+		get when() {
+			return state.rendered;
+		},
+		get children() {
+			return createComponent(Root, {
+				get tag() {
+					return state.tag;
+				},
+				attributes: root,
+				ref(r$) {
+					var _ref$ = binding.ref;
+					typeof _ref$ === "function" ? _ref$(r$) : binding.ref = r$;
+				},
+				get children() {
+					return [createComponent(ItemRow, mergeProps({
+						embedded: "menu.row",
+						tag: "div",
+						get size() {
+							return state.size;
+						},
+						get disabled() {
+							return state.disabled;
+						}
+					}, () => state.aria, row, {
+						ref: expand,
+						get leading() {
+							return (() => {
+								var _el$2 = _tmpl$2();
+								insert(_el$2, () => renderSlot(props.leading));
+								return _el$2;
+							})();
+						},
+						get trailing() {
+							return (() => {
+								var _el$3 = _tmpl$3();
+								insert(_el$3, () => arrowIcon() ?? createComponent(Icon, {
+									embedded: "menu.arrow",
+									tag: ARROW,
+									get size() {
+										return state.size;
+									}
+								}));
+								return _el$3;
+							})();
+						},
+						get children() {
+							return header() ?? state.text;
+						}
+					})), createComponent(Frame, mergeProps({
+						embedded: "menu.popover-item-frame",
+						"class": "so-menu-item__panel",
+						tabindex: "-1",
+						get visible() {
+							return memo(() => !!state.visible)() && state.open;
+						},
+						strategy: "fixed",
+						get anchor_anchor() {
+							return binding.rootElement();
+						},
+						anchor_placement: "end-start"
+					}, () => state.panelAria, () => state.dismiss_ownerAttribute, { get children() {
+						var _el$ = _tmpl$();
+						insert(_el$, createComponent(Show, {
+							get when() {
+								return state.contentRendered;
+							},
+							get children() {
+								return renderSlot(props.children);
+							}
+						}));
+						return _el$;
+					} }))];
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { MenuPopoverItem };

package/dist/components/menu/popover-item/base.component.d.ts

@@ -0,0 +1,9 @@
+import type { IMenuPopoverItem } from '@soxa-ui/core';
+import type { MenuCollectionItemDescriptor, MenuPopoverItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../../types';
+/** События пункта с панелью — свои (ядро и плагины) и фасада: вход в коллекцию меню. */
+export type MenuPopoverItemEventProps = EventProps<typeof MenuPopoverItemDescriptor> & EventProps<typeof MenuCollectionItemDescriptor>;
+/** Атрибуты пункта с панелью: класс и стиль — корню, остальное — строке с `role="menuitem"`. */
+export type MenuPopoverItemAttributes = TDomAttributes<typeof MenuPopoverItemDescriptor, MenuPopoverItemEventProps>;
+/** Пропсы пункта с панелью: открытость панели и `lazyMount` её содержимого, содержимое — дети. */
+export type MenuPopoverItemProps = UseDomProps<typeof MenuPopoverItemDescriptor, IMenuPopoverItem, MenuPopoverItemEventProps>;

package/dist/components/menu/popover-item/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupMenuPopoverItem } from './setup.component';
+export { MenuPopoverItem } from './PopoverItem';

package/dist/components/menu/popover-item/setup.component.d.ts

@@ -0,0 +1,48 @@
+import type { MenuPopoverItemProps } from './base.component';
+export declare function setupMenuPopoverItem(props: MenuPopoverItemProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IMenuItem<import("@soxa-ui/core").IMenuItemProps, any>, import("@soxa-ui/core").TMenuCollectionExtensions> | undefined;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").IMenuPopoverItem;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+    state: import("../../../adapter").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IMenuPopoverItem, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {} & {} & {} & {
+            dismiss_enabled?: boolean | undefined;
+        } & {} & {} & {
+            id?: string | undefined;
+        };
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "action:click": (event: MouseEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:blur": (event: FocusEvent) => void;
+        } & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {} & {
+            "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {
+            "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+            "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        } & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {} & {
+            readonly listItem_highlighted: boolean;
+        } & {} & {
+            readonly dismiss_ownerAttribute: Record<string, string>;
+        } & {} & {} & {};
+    }>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TMenuItemCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<MenuPopoverItemProps>;
+};

package/dist/components/menu/popover-item/setup.component.js

@@ -0,0 +1,24 @@
+import { createSolidAdapterContext } from "../../../adapter/common/createSolidAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../../adapter/elevator/useElevator.js";
+import { MenuCollectionItemDescriptor, MenuPopoverItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/popover-item/setup.component.ts
+function setupMenuPopoverItem(props) {
+	const { elevator } = useElevator();
+	const adapter = createSolidAdapterContext(MenuPopoverItemDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	const item = createSolidAdapterContext(MenuCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+		adapter,
+		elevator
+	});
+	const itemBinding = useCollectionAdapter(item, props);
+	const owner = useAdapter(adapter, props);
+	return {
+		...joinBindings(owner, itemBinding),
+		context: item.instance.context
+	};
+}
+//#endregion
+export { setupMenuPopoverItem };

package/dist/components/menu/radio-group/RadioGroup.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { MenuRadioGroupProps } from './base.component';
+/** Переключатели меню под общей подписью: роль `group`, а не `radiogroup` (APG). */
+export declare function MenuRadioGroup(props: MenuRadioGroupProps): JSX.Element;