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

package/dist/components/list-box/item/Item.js

@@ -0,0 +1,57 @@
+"use client";
+import { toAriaProps } from "../../../adapter/common/aria.js";
+import { toControlAttrs, toRootForward, toRootProps } from "../../../adapter/common/root.js";
+import { renderSlot } from "../../../adapter/common/slots.js";
+import { roleIcon } from "../../../adapter/common/icon.js";
+import { useClickAction } from "../../../adapter/runtime/useClickAction.js";
+import { withRenderBoundary } from "../../../adapter/runtime/withRenderBoundary.js";
+import { Icon } from "../../icon/Icon.js";
+import { ItemRow } from "../../item-row/ItemRow.js";
+import { useSetupListBoxItem } from "./setup.component.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/list-box/item/Item.tsx
+/**
+* ListBoxItem — элемент списка: корень по `tag` и строка-опция — `ItemRow` на `div`
+* (под этот тег написан `TListBoxItem._ariaTag`).
+*/
+var ListBoxItem = withRenderBoundary(function ListBoxItem(props) {
+	const { ref, forwardProps, state, context } = useSetupListBoxItem(props);
+	const choose = useClickAction(() => context?.adapters.list.choose());
+	const { rendered, tag, text, view, disabled, size, variant, selected, indicator, aria, dataset, attrs } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const chosen = selected ?? false;
+	const row = toControlAttrs(forwardProps);
+	const mark = /* @__PURE__ */ jsx("span", {
+		className: "so-list-box-item__indicator",
+		"aria-hidden": "true",
+		children: renderSlot(props["indicator-icon"], { selected: chosen }) ?? (chosen ? /* @__PURE__ */ jsx(Icon, {
+			embedded: "list-box.indicator",
+			tag: roleIcon("check"),
+			size
+		}) : null)
+	});
+	return /* @__PURE__ */ jsx(Tag, {
+		...toRootProps(ref, state, [dataset, attrs], toRootForward(forwardProps)),
+		children: /* @__PURE__ */ jsx(ItemRow, {
+			embedded: "list-box.row",
+			tag: "div",
+			view,
+			disabled,
+			size,
+			variant,
+			...toAriaProps(aria),
+			...toAriaProps(dataset),
+			...row,
+			ref: choose,
+			leading: /* @__PURE__ */ jsxs(Fragment, { children: [indicator === "start" ? mark : null, renderSlot(props.leading)] }),
+			trailing: /* @__PURE__ */ jsxs(Fragment, { children: [renderSlot(props.trailing), indicator === "end" ? mark : null] }),
+			children: renderSlot(props.children, {
+				text: text ?? "",
+				selected: chosen
+			}) ?? text
+		})
+	});
+});
+//#endregion
+export { ListBoxItem };

package/dist/components/list-box/item/base.component.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'react';
+import type { IListBoxItem } from '@soxa-ui/core';
+import type { ListBoxCollectionItemDescriptor, ListBoxItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../../types';
+export type ListBoxItemEventProps = EventProps<typeof ListBoxItemDescriptor> & EventProps<typeof ListBoxCollectionItemDescriptor>;
+/** Атрибуты элемента: класс и стиль — корню, остальное — строке. */
+export type ListBoxItemAttributes = TDomAttributes<typeof ListBoxItemDescriptor, HTMLAttributes<HTMLElement>, ListBoxItemEventProps>;
+export type ListBoxItemProps = UseDomProps<typeof ListBoxItemDescriptor, IListBoxItem, ListBoxItemEventProps>;

package/dist/components/list-box/item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './base.component';
+export { ListBoxItem } from './Item';

package/dist/components/list-box/item/setup.component.d.ts

@@ -0,0 +1,19 @@
+import type { ListBoxItemProps } from './base.component';
+export declare function useSetupListBoxItem(props: ListBoxItemProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IListBoxItem<import("@soxa-ui/core").IListBoxItemProps, import("@soxa-ui/core").TListBoxItemEvents>, import("@soxa-ui/core").TListBoxCollectionExtensions> | undefined;
+    ref: (el: Element | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").IListBoxItem<import("@soxa-ui/core").IListBoxItemProps, import("@soxa-ui/core").TListBoxItemEvents>;
+    root: import("../../../adapter").TRootSource;
+    forwardProps: Partial<ListBoxItemProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").IListBoxItem<import("@soxa-ui/core").IListBoxItemProps, import("@soxa-ui/core").TListBoxItemEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {
+        id?: string | undefined;
+    } & {}> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {
+        readonly listItem_highlighted: boolean;
+    } & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TListBoxItemCollectionFacade> & object;
+};

package/dist/components/list-box/item/setup.component.js

@@ -0,0 +1,23 @@
+"use client";
+import { useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useAdapterContext } from "../../../adapter/runtime/useAdapterContext.js";
+import { ListBoxCollectionItemDescriptor, ListBoxItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/list-box/item/setup.component.ts
+function useSetupListBoxItem(props) {
+	const { contexts: [adapter, item] } = useAdapterContext((create, elevator) => {
+		const adapter = create(ListBoxItemDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [adapter, create(ListBoxCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+			adapter,
+			elevator
+		})];
+	});
+	return {
+		...useCollectionAdapter(useAdapter(adapter, props), item, props),
+		context: item.instance.context
+	};
+}
+//#endregion
+export { useSetupListBoxItem };

package/dist/components/list-box/setup.component.d.ts

@@ -0,0 +1,15 @@
+import type { ListBoxProps } from './base.component';
+export declare function useSetupListBox(props: ListBoxProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ref: (el: Element | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").IListBox<import("@soxa-ui/core").IListBoxProps, import("@soxa-ui/core").TListBoxEvents>;
+    root: import("../../adapter").TRootSource;
+    forwardProps: Partial<ListBoxProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").IListBox<import("@soxa-ui/core").IListBoxProps, import("@soxa-ui/core").TListBoxEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {} & {} & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TListBoxCollectionFacade> & object;
+};

package/dist/components/list-box/setup.component.js

@@ -0,0 +1,26 @@
+"use client";
+import { useAdapter, useCollectionAdapter } from "../../adapter/runtime/useAdapter.js";
+import { useAdapterContext } from "../../adapter/runtime/useAdapterContext.js";
+import { ListBoxCollectionDescriptor, ListBoxDescriptor, TCollectionExtension, TDragAndDropCollectionExtension, TVirtualCollectionExtension } from "@soxa-ui/setup";
+//#region src/components/list-box/setup.component.ts
+function useSetupListBox(props) {
+	const { contexts: [adapter, collectionAdapter], layer } = useAdapterContext((create, elevator) => {
+		const adapter = create(ListBoxDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [adapter, create(ListBoxCollectionDescriptor(), {
+			props,
+			options: {
+				owner: adapter.instance,
+				engine: props.engine
+			}
+		}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator }).use(TDragAndDropCollectionExtension, { elevator }).use(TVirtualCollectionExtension, { elevator })];
+	});
+	return {
+		...useCollectionAdapter(useAdapter(adapter, props), collectionAdapter, props),
+		layer
+	};
+}
+//#endregion
+export { useSetupListBox };

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

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { MenuProps } from './base.component';
+/**
+ * Menu — меню действий у кнопки (APG Menu Button) или контекстное меню области.
+ * docs/agents/patterns.md, «Готовые паттерны» (Menu).
+ */
+export declare function Menu(props: MenuProps): ReactElement | null;

package/dist/components/menu/Menu.js

@@ -0,0 +1,47 @@
+"use client";
+import { toAriaProps } from "../../adapter/common/aria.js";
+import { toPartClass, toRootProps } from "../../adapter/common/root.js";
+import { hasSlot, renderSlot } from "../../adapter/common/slots.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { Frame } from "../frame/Frame.js";
+import { drawItems } from "./submenu/Submenu.js";
+import { useSetupMenu } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/menu/Menu.tsx
+/**
+* Menu — меню действий у кнопки (APG Menu Button) или контекстное меню области.
+* docs/agents/patterns.md, «Готовые паттерны» (Menu).
+*/
+function Menu(props) {
+	const { ref, forwardProps, state, rootElement, layer } = useSetupMenu(props);
+	const { rendered, tag, attrs, aria, dataset, open, point, placement, triggerAria, triggerDataset, panelClasses, contentRendered, dismiss_ownerAttribute } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsx(tag, {
+		...toRootProps(ref, state, [attrs, dataset], forwardProps),
+		children: /* @__PURE__ */ jsxs(Elevate, {
+			layer,
+			children: [renderSlot(props.trigger, {
+				triggerAria: triggerAria ?? {},
+				triggerDataset: triggerDataset ?? {}
+			}), /* @__PURE__ */ jsx(Frame, {
+				embedded: "menu.frame",
+				className: toPartClass(panelClasses),
+				tabIndex: -1,
+				visible: state.visible && open,
+				strategy: "fixed",
+				anchor_anchor: rootElement,
+				anchor_point: point,
+				anchor_placement: placement,
+				anchor_offset: 4,
+				...toAriaProps(aria),
+				...toAriaProps(dismiss_ownerAttribute),
+				children: /* @__PURE__ */ jsx("div", {
+					className: "so-menu__list",
+					children: !contentRendered ? null : hasSlot(props.children) ? renderSlot(props.children) : drawItems(state, props)
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { Menu };

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

@@ -0,0 +1,6 @@
+import type { IMenu } from '@soxa-ui/core';
+import type { MenuCollectionDescriptor, MenuDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** Колбэки обоих контекстов меню — свой и фасада коллекции — пропсы одного компонента. */
+export type MenuEventProps = EventProps<typeof MenuDescriptor> & EventProps<typeof MenuCollectionDescriptor>;
+export type MenuProps = UseDomProps<typeof MenuDescriptor, IMenu, MenuEventProps>;

package/dist/components/menu/checkbox-item/CheckboxItem.d.ts

@@ -0,0 +1,6 @@
+import type { MenuCheckboxItemProps } from './base.component';
+/**
+ * MenuCheckboxItem — флажок меню: строка пункта с отметкой в начале. Обёртка отметки — прямой
+ * ребёнок строки и у неотмеченного: по ней тема узнаёт колонку отметок.
+ */
+export declare const MenuCheckboxItem: import("react").NamedExoticComponent<MenuCheckboxItemProps>;

package/dist/components/menu/checkbox-item/CheckboxItem.js

@@ -0,0 +1,61 @@
+"use client";
+import { toAriaProps } from "../../../adapter/common/aria.js";
+import { toControlAttrs, toRootForward, toRootProps } from "../../../adapter/common/root.js";
+import { renderSlot } from "../../../adapter/common/slots.js";
+import { roleIcon } from "../../../adapter/common/icon.js";
+import { useClickAction } from "../../../adapter/runtime/useClickAction.js";
+import { withRenderBoundary } from "../../../adapter/runtime/withRenderBoundary.js";
+import { Icon } from "../../icon/Icon.js";
+import { ItemRow } from "../../item-row/ItemRow.js";
+import { useSetupMenuCheckboxItem } from "./setup.component.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/menu/checkbox-item/CheckboxItem.tsx
+/** Отметка без слота — иконка из пакета по роли, компонент на роль один на модуль. */
+var CheckIcon = roleIcon("check");
+/**
+* MenuCheckboxItem — флажок меню: строка пункта с отметкой в начале. Обёртка отметки — прямой
+* ребёнок строки и у неотмеченного: по ней тема узнаёт колонку отметок.
+*/
+var MenuCheckboxItem = withRenderBoundary(function MenuCheckboxItem(props) {
+	const { ref, forwardProps, state, context } = useSetupMenuCheckboxItem(props);
+	const toggle = useClickAction(() => context?.adapters.menu.toggle());
+	const { rendered, tag, text, size, disabled, selected, aria, dataset, attrs } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const checked = selected ?? false;
+	const row = toControlAttrs(forwardProps);
+	return /* @__PURE__ */ jsx(Tag, {
+		...toRootProps(ref, state, [dataset, attrs], toRootForward(forwardProps)),
+		children: /* @__PURE__ */ jsx(ItemRow, {
+			embedded: "menu.row",
+			tag: "div",
+			size,
+			disabled,
+			...toAriaProps(aria),
+			...row,
+			ref: toggle,
+			leading: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				className: "so-menu-item__indicator",
+				"aria-hidden": "true",
+				children: renderSlot(props["indicator-icon"], { selected: checked }) ?? (checked ? /* @__PURE__ */ jsx(Icon, {
+					embedded: "menu.indicator",
+					tag: CheckIcon,
+					size
+				}) : null)
+			}), /* @__PURE__ */ jsx("span", {
+				className: "so-menu-item__icon",
+				children: renderSlot(props.leading)
+			})] }),
+			trailing: /* @__PURE__ */ jsx("span", {
+				className: "so-menu-item__shortcut",
+				children: renderSlot(props.trailing)
+			}),
+			children: renderSlot(props.children, {
+				text: text ?? "",
+				selected: checked
+			}) ?? text
+		})
+	});
+});
+//#endregion
+export { MenuCheckboxItem };

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

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'react';
+import type { IMenuCheckboxItem } from '@soxa-ui/core';
+import type { MenuCheckboxItemDescriptor, MenuCollectionCheckboxItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../../types';
+export type MenuCheckboxItemEventProps = EventProps<typeof MenuCheckboxItemDescriptor> & EventProps<typeof MenuCollectionCheckboxItemDescriptor>;
+/** Атрибуты флажка: класс и стиль — корню, остальное — строке с `role="menuitemcheckbox"`. */
+export type MenuCheckboxItemAttributes = TDomAttributes<typeof MenuCheckboxItemDescriptor, HTMLAttributes<HTMLElement>, MenuCheckboxItemEventProps>;
+export type MenuCheckboxItemProps = UseDomProps<typeof MenuCheckboxItemDescriptor, IMenuCheckboxItem, MenuCheckboxItemEventProps>;

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

@@ -0,0 +1,2 @@
+export * from './base.component';
+export { MenuCheckboxItem } from './CheckboxItem';

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

@@ -0,0 +1,17 @@
+import type { MenuCheckboxItemProps } from './base.component';
+export declare function useSetupMenuCheckboxItem(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 | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").IMenuCheckboxItem;
+    root: import("../../../adapter").TRootSource;
+    forwardProps: Partial<MenuCheckboxItemProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").IMenuCheckboxItem> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {
+        readonly listItem_highlighted: boolean;
+    }> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TMenuItemCollectionFacade> & object;
+};

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

@@ -0,0 +1,23 @@
+"use client";
+import { useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useAdapterContext } from "../../../adapter/runtime/useAdapterContext.js";
+import { MenuCheckboxItemDescriptor, MenuCollectionCheckboxItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/checkbox-item/setup.component.ts
+function useSetupMenuCheckboxItem(props) {
+	const { contexts: [adapter, item] } = useAdapterContext((create, elevator) => {
+		const adapter = create(MenuCheckboxItemDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [adapter, create(MenuCollectionCheckboxItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+			adapter,
+			elevator
+		})];
+	});
+	return {
+		...useCollectionAdapter(useAdapter(adapter, props), item, props),
+		context: item.instance.context
+	};
+}
+//#endregion
+export { useSetupMenuCheckboxItem };

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

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { MenuGroupProps } from './base.component';
+/** MenuGroup — пункты меню под общей подписью. */
+export declare function MenuGroup(props: MenuGroupProps): ReactElement | null;

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

@@ -0,0 +1,31 @@
+"use client";
+import { toAriaProps } from "../../../adapter/common/aria.js";
+import { toRootProps } from "../../../adapter/common/root.js";
+import { renderSlot } from "../../../adapter/common/slots.js";
+import { Elevate } from "../../../adapter/elevator/Elevate.js";
+import { useSetupMenuGroup } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/menu/group/Group.tsx
+/** MenuGroup — пункты меню под общей подписью. */
+function MenuGroup(props) {
+	const { ref, forwardProps, state, layer } = useSetupMenuGroup(props);
+	const { rendered, tag, label, labelAria, attrs, aria, dataset } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsxs(tag, {
+		...toRootProps(ref, state, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps),
+		children: [label ? /* @__PURE__ */ jsx("div", {
+			className: "so-menu-group__label",
+			...toAriaProps(labelAria),
+			children: label
+		}) : null, /* @__PURE__ */ jsx(Elevate, {
+			layer,
+			children: renderSlot(props.children)
+		})]
+	});
+}
+//#endregion
+export { MenuGroup };

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

@@ -0,0 +1,6 @@
+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,2 @@
+export * from './base.component';
+export { MenuGroup } from './Group';

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

@@ -0,0 +1,9 @@
+import type { MenuGroupProps } from './base.component';
+export declare function useSetupMenuGroup(props: MenuGroupProps): import("../../../adapter").TComponentBinding<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:removed": () => void;
+        "element:ready": (element: Element) => void;
+    } & {} & {};
+    outputs: object & {} & {} & {};
+}>, MenuGroupProps>;

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

@@ -0,0 +1,12 @@
+"use client";
+import { useComponent } from "../../../adapter/runtime/useComponent.js";
+import { MenuGroupDescriptor, TItemGroupExtension } from "@soxa-ui/setup";
+//#region src/components/menu/group/setup.component.ts
+function useSetupMenuGroup(props) {
+	return useComponent((create, elevator) => create(MenuGroupDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}).use(TItemGroupExtension, { elevator }), props);
+}
+//#endregion
+export { useSetupMenuGroup };

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

@@ -0,0 +1,23 @@
+import { Menu as MenuComponent } from './Menu';
+import { MenuGroup } from './group';
+import { MenuRadioGroup } from './radio-group';
+import { MenuSeparator } from './separator';
+export * from './base.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: import("react").NamedExoticComponent<import("./item").MenuItemProps>;
+    CheckboxItem: import("react").NamedExoticComponent<import("./checkbox-item").MenuCheckboxItemProps>;
+    RadioItem: import("react").NamedExoticComponent<import("./radio-item").MenuRadioItemProps>;
+    Submenu: import("react").NamedExoticComponent<import("./submenu").MenuSubmenuProps>;
+    PopoverItem: import("react").NamedExoticComponent<import("./popover-item").MenuPopoverItemProps>;
+    Group: typeof MenuGroup;
+    RadioGroup: typeof MenuRadioGroup;
+    Separator: typeof MenuSeparator;
+};

package/dist/components/menu/index.js

@@ -0,0 +1,23 @@
+import { MenuGroup } from "./group/Group.js";
+import { MenuItem } from "./item/Item.js";
+import { MenuSeparator } from "./separator/Separator.js";
+import { MenuSubmenu } from "./submenu/Submenu.js";
+import { Menu as Menu$1 } from "./Menu.js";
+import { MenuCheckboxItem } from "./checkbox-item/CheckboxItem.js";
+import { MenuRadioItem } from "./radio-item/RadioItem.js";
+import { MenuPopoverItem } from "./popover-item/PopoverItem.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,3 @@
+import type { MenuItemProps } from './base.component';
+/** MenuItem — пункт-действие: корень по `tag` и строка — `ItemRow` на `div` с ARIA пункта. */
+export declare const MenuItem: import("react").NamedExoticComponent<MenuItemProps>;

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

@@ -0,0 +1,42 @@
+"use client";
+import { toAriaProps } from "../../../adapter/common/aria.js";
+import { toControlAttrs, toRootForward, toRootProps } from "../../../adapter/common/root.js";
+import { renderSlot } from "../../../adapter/common/slots.js";
+import { useClickAction } from "../../../adapter/runtime/useClickAction.js";
+import { withRenderBoundary } from "../../../adapter/runtime/withRenderBoundary.js";
+import { ItemRow } from "../../item-row/ItemRow.js";
+import { useSetupMenuItem } from "./setup.component.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/menu/item/Item.tsx
+/** MenuItem — пункт-действие: корень по `tag` и строка — `ItemRow` на `div` с ARIA пункта. */
+var MenuItem = withRenderBoundary(function MenuItem(props) {
+	const { ref, forwardProps, state, context } = useSetupMenuItem(props);
+	const choose = useClickAction(() => context?.adapters.menu.choose());
+	const { rendered, tag, text, size, disabled, aria, dataset, attrs } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const row = toControlAttrs(forwardProps);
+	return /* @__PURE__ */ jsx(Tag, {
+		...toRootProps(ref, state, [dataset, attrs], toRootForward(forwardProps)),
+		children: /* @__PURE__ */ jsx(ItemRow, {
+			embedded: "menu.row",
+			tag: "div",
+			size,
+			disabled,
+			...toAriaProps(aria),
+			...row,
+			ref: choose,
+			leading: /* @__PURE__ */ jsx("span", {
+				className: "so-menu-item__icon",
+				children: renderSlot(props.leading)
+			}),
+			trailing: /* @__PURE__ */ jsx("span", {
+				className: "so-menu-item__shortcut",
+				children: renderSlot(props.trailing)
+			}),
+			children: renderSlot(props.children, { text: text ?? "" }) ?? text
+		})
+	});
+});
+//#endregion
+export { MenuItem };

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

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'react';
+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, HTMLAttributes<HTMLElement>, MenuItemEventProps>;
+export type MenuItemProps = UseDomProps<typeof MenuItemDescriptor, IMenuItem, MenuItemEventProps>;

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

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

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

@@ -0,0 +1,17 @@
+import type { MenuItemProps } from './base.component';
+export declare function useSetupMenuItem(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 | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").IMenuItem<import("@soxa-ui/core").IMenuItemProps, any>;
+    root: import("../../../adapter").TRootSource;
+    forwardProps: Partial<MenuItemProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").IMenuItem<import("@soxa-ui/core").IMenuItemProps, any>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {
+        readonly listItem_highlighted: boolean;
+    }> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TMenuItemCollectionFacade> & object;
+};

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

@@ -0,0 +1,23 @@
+"use client";
+import { useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useAdapterContext } from "../../../adapter/runtime/useAdapterContext.js";
+import { MenuCollectionItemDescriptor, MenuItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/item/setup.component.ts
+function useSetupMenuItem(props) {
+	const { contexts: [adapter, item] } = useAdapterContext((create, elevator) => {
+		const adapter = create(MenuItemDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [adapter, create(MenuCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+			adapter,
+			elevator
+		})];
+	});
+	return {
+		...useCollectionAdapter(useAdapter(adapter, props), item, props),
+		context: item.instance.context
+	};
+}
+//#endregion
+export { useSetupMenuItem };

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

@@ -0,0 +1,6 @@
+import type { MenuPopoverItemProps } from './base.component';
+/**
+ * MenuPopoverItem — пункт со своей панелью сбоку с любым содержимым. Текст строки — слот
+ * `header`: `default` — содержимое панели, как у `Accordion.Item` и `Popover`.
+ */
+export declare const MenuPopoverItem: import("react").NamedExoticComponent<MenuPopoverItemProps>;