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

package/dist/components/icon/setup.component.js

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

package/dist/components/index.d.ts

@@ -0,0 +1,43 @@
+export * from './component';
+export * from './component-view';
+export * from './stylable';
+export * from './interactive';
+export * from './control';
+export * from './value-control';
+export * from './input-control';
+export * from './textable';
+export * from './button';
+export * from './icon';
+export * from './label';
+export * from './field';
+export * from './frame';
+export * from './popover';
+export * from './tooltip';
+export * from './menu';
+export * from './dialog';
+export * from './drawer';
+export * from './toasts';
+export * from './progress-linear';
+export * from './progress-spinner';
+export * from './skeleton';
+export * from './input';
+export * from './number-input';
+export * from './textarea';
+export * from './check-box';
+export * from './switch';
+export * from './radio-group';
+export * from './slider';
+export * from './rating';
+export * from './date-input';
+export * from './calendar';
+export * from './date-picker';
+export * from './list-box';
+export * from './tags';
+export * from './select';
+export * from './tabs';
+export * from './accordion';
+export * from './pagination';
+export * from './scroller';
+export * from './table';
+export * from './virtual';
+export * from './drag-and-drop';

package/dist/components/input/Input.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { InputProps } from './base.component';
+/** Input — текстовое поле со слотами по сторонам: AGENTS.md (React), «Поля ввода». */
+export declare function Input(props: InputProps): ReactElement | null;

package/dist/components/input/Input.js

@@ -0,0 +1,65 @@
+"use client";
+import { toAriaProps } from "../../adapter/common/aria.js";
+import { toControlAttrs, toRootForward, toRootProps } from "../../adapter/common/root.js";
+import { hasSlot, renderSlot } from "../../adapter/common/slots.js";
+import { roleIcon } from "../../adapter/common/icon.js";
+import { useClickAction } from "../../adapter/runtime/useClickAction.js";
+import { NativeInput } from "../../adapter/runtime/NativeInput.js";
+import { elevated } from "../../adapter/elevator/Elevate.js";
+import { Button } from "../button/Button.js";
+import { Icon } from "../icon/Icon.js";
+import { useSetupInput } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/input/Input.tsx
+/** Input — текстовое поле со слотами по сторонам: AGENTS.md (React), «Поля ввода». */
+function Input(props) {
+	const { ctrl, ref, forwardProps, state, layer } = useSetupInput(props);
+	const clear = useClickAction((event) => {
+		event.stopPropagation();
+		ctrl.clear();
+	});
+	const { rendered, tag, attrs, aria, dataset, id, value, name, disabled, readonly, required, placeholder, size, clearable, clearAria } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const trailing = clearable === true || hasSlot(props.clear) || hasSlot(props.trailing);
+	return /* @__PURE__ */ jsxs(Tag, {
+		...toRootProps(ref, state, [attrs, dataset], toRootForward(forwardProps)),
+		children: [
+			hasSlot(props.leading) ? /* @__PURE__ */ jsx("div", {
+				className: "so-input__leading",
+				children: elevated(layer, renderSlot(props.leading, { ctrl }))
+			}) : null,
+			/* @__PURE__ */ jsx(NativeInput, {
+				type: "text",
+				id,
+				name,
+				disabled,
+				readOnly: readonly,
+				required,
+				placeholder,
+				...toAriaProps(aria),
+				...toControlAttrs(forwardProps),
+				live: { value }
+			}),
+			trailing ? /* @__PURE__ */ jsxs("div", {
+				className: "so-input__trailing",
+				children: [elevated(layer, renderSlot(props.clear, { clear: ctrl.clear })) ?? (clearable === true ? /* @__PURE__ */ jsx(Button, {
+					embedded: "input.clear",
+					type: "button",
+					className: "so-input__clear",
+					size,
+					disabled,
+					...toAriaProps(clearAria),
+					ref: clear,
+					children: /* @__PURE__ */ jsx(Icon, {
+						embedded: "input.clear-icon",
+						tag: roleIcon("close"),
+						size
+					})
+				}) : null), elevated(layer, renderSlot(props.trailing, { ctrl }))]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { Input };

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

@@ -0,0 +1,7 @@
+import type { IInput } from '@soxa-ui/core';
+import type { InputDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, TFieldAttributes, UseDomProps } from '../../types';
+export type InputEventProps = EventProps<typeof InputDescriptor>;
+/** Атрибуты Input: класс и стиль — корню, остальное — полю `<input>`. */
+export type InputAttributes = TDomAttributes<typeof InputDescriptor, TFieldAttributes>;
+export type InputProps = UseDomProps<typeof InputDescriptor, IInput, InputEventProps, TFieldAttributes>;

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

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

package/dist/components/input/setup.component.d.ts

@@ -0,0 +1,27 @@
+import type { InputProps } from './base.component';
+/** Поле формы `Field` над полем: ошибку и ссылки на части поле берёт от него лифтом. */
+export declare function useSetupInput(props: InputProps): import("../../adapter").TComponentBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IInput, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {
+        id?: string | undefined;
+    } & {} & {} & {} & {};
+    events: object & {
+        "element:removed": () => void;
+        "element:ready": (element: Element) => 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;
+    } & {
+        "action:blur": (event: FocusEvent) => void;
+        "action:click": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+    } & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {};
+}>, InputProps>;

package/dist/components/input/setup.component.js

@@ -0,0 +1,13 @@
+"use client";
+import { useComponent } from "../../adapter/runtime/useComponent.js";
+import { InputDescriptor, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/input/setup.component.ts
+/** Поле формы `Field` над полем: ошибку и ссылки на части поле берёт от него лифтом. */
+function useSetupInput(props) {
+	return useComponent((create, elevator) => create(InputDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}).use(TFieldControlExtension, { elevator }), props);
+}
+//#endregion
+export { useSetupInput };

package/dist/components/input-control/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { IInputControl } from '@soxa-ui/core';
+import type { InputControlDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+export type InputControlEventProps = EventProps<typeof InputControlDescriptor>;
+/** Тип значения задаёт наследник. */
+export type InputControlProps = UseProps<typeof InputControlDescriptor, IInputControl<unknown>, InputControlEventProps>;

package/dist/components/input-control/index.d.ts

@@ -0,0 +1 @@
+export * from './base.component';

package/dist/components/input-control/setup.component.d.ts

@@ -0,0 +1,26 @@
+import type { InputControlProps } from './base.component';
+export declare function useSetupInputControl(props: InputControlProps): import("../../adapter").TComponentBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IInputControl<unknown, import("@soxa-ui/core").IInputControlProps<unknown>, import("@soxa-ui/core").TInputControlEvents<unknown>>, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {
+        id?: string | undefined;
+    };
+    events: object & {
+        "element:removed": () => void;
+        "element:ready": (element: Element) => 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;
+    } & {
+        "action:blur": (event: FocusEvent) => void;
+        "action:click": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+    } & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    };
+    outputs: object & {} & {} & {} & {} & {};
+}>, InputControlProps>;

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

@@ -0,0 +1,5 @@
+import type { IInteractive } from '@soxa-ui/core';
+import type { InteractiveDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+export type InteractiveEventProps = EventProps<typeof InteractiveDescriptor>;
+export type InteractiveProps = UseProps<typeof InteractiveDescriptor, IInteractive, InteractiveEventProps>;

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

@@ -0,0 +1 @@
+export * from './base.component';

package/dist/components/interactive/setup.component.d.ts

@@ -0,0 +1,9 @@
+import type { InteractiveProps } from './base.component';
+export declare function useSetupInteractive(props: InteractiveProps): import("../../adapter").TComponentBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IInteractive<import("@soxa-ui/core").IInteractiveProps, import("@soxa-ui/core").TInteractiveEvents>, {
+    props: object & {} & {};
+    events: object & {
+        "element:removed": () => void;
+        "element:ready": (element: Element) => void;
+    } & {};
+    outputs: object & {} & {};
+}>, InteractiveProps>;

package/dist/components/item-row/ItemRow.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react';
+import type { ButtonProps } from '../button/base.component';
+/**
+ * Строка элемента коллекции — деталь разметки ListBox.Item, опции Select,
+ * пунктов меню и тега. Пропсы и разметка — Button (`renderButton`), сборка
+ * своя — по `ItemRowDescriptor`: её экземпляр (`TItemRow`) роль и остановку
+ * Tab себе не пишет, их несёт набор `aria` элемента, который разметка кладёт
+ * на строку.
+ *
+ * Экземпляр создаёт это монтирование и отпускает его снятие: строка живёт,
+ * пока нарисована, и окно `Virtual` держит их столько, сколько показывает.
+ */
+export declare function ItemRow(props: ButtonProps): ReactElement | null;

package/dist/components/item-row/ItemRow.js

@@ -0,0 +1,19 @@
+"use client";
+import { renderButton } from "../button/Button.js";
+import { useSetupItemRow } from "./setup.component.js";
+//#region src/components/item-row/ItemRow.tsx
+/**
+* Строка элемента коллекции — деталь разметки ListBox.Item, опции Select,
+* пунктов меню и тега. Пропсы и разметка — Button (`renderButton`), сборка
+* своя — по `ItemRowDescriptor`: её экземпляр (`TItemRow`) роль и остановку
+* Tab себе не пишет, их несёт набор `aria` элемента, который разметка кладёт
+* на строку.
+*
+* Экземпляр создаёт это монтирование и отпускает его снятие: строка живёт,
+* пока нарисована, и окно `Virtual` держит их столько, сколько показывает.
+*/
+function ItemRow(props) {
+	return renderButton(useSetupItemRow(props), props);
+}
+//#endregion
+export { ItemRow };

package/dist/components/item-row/index.d.ts

@@ -0,0 +1,2 @@
+/** Внутренняя деталь разметки элементов коллекций: наружу пакета не выходит. */
+export { ItemRow } from './ItemRow';

package/dist/components/item-row/setup.component.d.ts

@@ -0,0 +1,22 @@
+import type { ButtonProps } from '../button/base.component';
+export declare function useSetupItemRow(props: ButtonProps): import("../../adapter").TComponentBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IButton, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    };
+    events: object & {
+        "element:removed": () => void;
+        "element:ready": (element: Element) => 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;
+    } & {
+        "action:blur": (event: FocusEvent) => void;
+        "action:click": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+    };
+    outputs: object & {} & {} & {} & {};
+}>, ButtonProps>;

package/dist/components/item-row/setup.component.js

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

package/dist/components/label/Label.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { LabelProps } from './base.component';
+/**
+ * Label — подпись контрола: контрол вложен, внутри только `span`. docs/agents/a11y.md,
+ * «Видимое имя контрола — подпись `Label`, вложением».
+ */
+export declare function Label(props: LabelProps): ReactElement | null;

package/dist/components/label/Label.js

@@ -0,0 +1,31 @@
+"use client";
+import { toRootProps } from "../../adapter/common/root.js";
+import { renderSlot } from "../../adapter/common/slots.js";
+import { useSetupLabel } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/label/Label.tsx
+/**
+* Label — подпись контрола: контрол вложен, внутри только `span`. docs/agents/a11y.md,
+* «Видимое имя контрола — подпись `Label`, вложением».
+*/
+function Label(props) {
+	const { ref, forwardProps, state } = useSetupLabel(props);
+	const { rendered, tag, text, aria, dataset, attrs } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsxs(tag, {
+		...toRootProps(ref, state, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "so-label__control",
+			children: renderSlot(props.children)
+		}), /* @__PURE__ */ jsx("span", {
+			className: "so-label__text",
+			children: renderSlot(props.content) ?? text
+		})]
+	});
+}
+//#endregion
+export { Label };

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

@@ -0,0 +1,5 @@
+import type { ILabel } from '@soxa-ui/core';
+import type { LabelDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type LabelEventProps = EventProps<typeof LabelDescriptor>;
+export type LabelProps = UseDomProps<typeof LabelDescriptor, ILabel, LabelEventProps>;

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

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

package/dist/components/label/setup.component.d.ts

@@ -0,0 +1,9 @@
+import type { LabelProps } from './base.component';
+export declare function useSetupLabel(props: LabelProps): import("../../adapter").TComponentBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ILabel, {
+    props: object & {} & {} & {};
+    events: object & {
+        "element:removed": () => void;
+        "element:ready": (element: Element) => void;
+    } & {} & {};
+    outputs: object & {} & {} & {};
+}>, LabelProps>;

package/dist/components/label/setup.component.js

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

package/dist/components/list-box/ListBox.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+import type { ListBoxProps } from './base.component';
+/**
+ * ListBox — список с выбором: корень-рамка, в ней шапка, узел списка с `aria` и остановкой Tab
+ * и подвал. docs/agents/patterns.md, «Граница переиспользования между похожими компонентами
+ * (критично)»; петля по секциям — docs/agents/collections.md, «Рисование — механизм коллекции».
+ */
+export declare function ListBox(props: ListBoxProps): ReactElement | null;

package/dist/components/list-box/ListBox.js

@@ -0,0 +1,67 @@
+"use client";
+import { toAriaProps } from "../../adapter/common/aria.js";
+import { toControlAttrs, toReactStyle, toRootForward, toRootProps } from "../../adapter/common/root.js";
+import { hasSlot, relaySlot, renderSlot } from "../../adapter/common/slots.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { ListBoxItem } from "./item/Item.js";
+import { ListBoxGroup } from "./group/Group.js";
+import { useSetupListBox } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/list-box/ListBox.tsx
+/** Элемент из данных со слотами списка или распорка окна на месте пропущенных. */
+function drawEntry(props, entry) {
+	if (entry.kind === "filler") return /* @__PURE__ */ jsx("div", {
+		className: "so-list-box__filler",
+		"aria-hidden": "true",
+		style: toReactStyle(entry.style)
+	}, entry.key);
+	return /* @__PURE__ */ jsx(ListBoxItem, {
+		ctrl: entry.item,
+		leading: renderSlot(props["item-leading"], { item: entry.item }),
+		trailing: renderSlot(props["item-trailing"], { item: entry.item }),
+		"indicator-icon": relaySlot(props["item-indicator-icon"], { item: entry.item }),
+		children: relaySlot(props.item, { item: entry.item })
+	}, entry.key);
+}
+/** Ключи записи (число), группы и разделителя секции не пересекаются. */
+function drawSection(props, section, separated) {
+	const entries = section.entries.map((entry) => drawEntry(props, entry));
+	const separator = separated ? [/* @__PURE__ */ jsx("div", {
+		className: "so-list-box__separator",
+		"aria-hidden": "true"
+	}, `separator:${section.key}`)] : [];
+	if (!section.group) return [...separator, ...entries];
+	return [...separator, /* @__PURE__ */ jsx(ListBoxGroup, {
+		label: section.group.label,
+		children: entries
+	}, section.key)];
+}
+/**
+* ListBox — список с выбором: корень-рамка, в ней шапка, узел списка с `aria` и остановкой Tab
+* и подвал. docs/agents/patterns.md, «Граница переиспользования между похожими компонентами
+* (критично)»; петля по секциям — docs/agents/collections.md, «Рисование — механизм коллекции».
+*/
+function ListBox(props) {
+	const { ref, forwardProps, state, layer } = useSetupListBox(props);
+	const { rendered, drawnSections, groupSeparators, shown, attrs, aria, dataset } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsx("div", {
+		...toRootProps(ref, state, [attrs, dataset], toRootForward(forwardProps)),
+		children: /* @__PURE__ */ jsxs(Elevate, {
+			layer,
+			children: [
+				renderSlot(props.header),
+				/* @__PURE__ */ jsxs("div", {
+					className: "so-list-box__list",
+					tabIndex: 0,
+					...toAriaProps(aria),
+					...toControlAttrs(forwardProps),
+					children: [hasSlot(props.children) ? renderSlot(props.children) : drawnSections?.flatMap((section, index) => drawSection(props, section, groupSeparators === true && index > 0)), shown?.length === 0 ? renderSlot(props.empty) : null]
+				}),
+				renderSlot(props.footer)
+			]
+		})
+	});
+}
+//#endregion
+export { ListBox };

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

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'react';
+import type { IListBox } from '@soxa-ui/core';
+import type { ListBoxCollectionDescriptor, ListBoxDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../types';
+/** Колбэки обоих контекстов списка — свой и фасада коллекции — пропсы одного компонента. */
+export type ListBoxEventProps = EventProps<typeof ListBoxDescriptor> & EventProps<typeof ListBoxCollectionDescriptor>;
+/** Атрибуты списка: класс и стиль — корню, остальное — узлу списка с `role="listbox"`. */
+export type ListBoxAttributes = TDomAttributes<typeof ListBoxDescriptor, HTMLAttributes<HTMLElement>, ListBoxEventProps>;
+export type ListBoxProps = UseDomProps<typeof ListBoxDescriptor, IListBox, ListBoxEventProps>;

package/dist/components/list-box/group/Group.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { ListBoxGroupProps } from './base.component';
+/**
+ * ListBoxGroup — элементы списка под общей подписью.
+ * docs/agents/patterns.md, «Граница переиспользования между похожими компонентами (критично)».
+ */
+export declare function ListBoxGroup(props: ListBoxGroupProps): ReactElement | null;

package/dist/components/list-box/group/Group.js

@@ -0,0 +1,34 @@
+"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 { useSetupListBoxGroup } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/list-box/group/Group.tsx
+/**
+* ListBoxGroup — элементы списка под общей подписью.
+* docs/agents/patterns.md, «Граница переиспользования между похожими компонентами (критично)».
+*/
+function ListBoxGroup(props) {
+	const { ref, forwardProps, state, layer } = useSetupListBoxGroup(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-list-box-group__label",
+			...toAriaProps(labelAria),
+			children: label
+		}) : null, /* @__PURE__ */ jsx(Elevate, {
+			layer,
+			children: renderSlot(props.children)
+		})]
+	});
+}
+//#endregion
+export { ListBoxGroup };

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

@@ -0,0 +1,6 @@
+import type { IItemGroup } from '@soxa-ui/core';
+import type { ListBoxGroupDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+export type ListBoxGroupEventProps = EventProps<typeof ListBoxGroupDescriptor>;
+/** Пропсы группы: подпись — проп `label`, элементы — дети. */
+export type ListBoxGroupProps = UseDomProps<typeof ListBoxGroupDescriptor, IItemGroup, ListBoxGroupEventProps>;

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

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

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

@@ -0,0 +1,9 @@
+import type { ListBoxGroupProps } from './base.component';
+export declare function useSetupListBoxGroup(props: ListBoxGroupProps): 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 & {} & {} & {};
+}>, ListBoxGroupProps>;

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

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

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

@@ -0,0 +1,9 @@
+import { ListBox as ListBoxComponent } from './ListBox';
+import { ListBoxGroup } from './group';
+export * from './base.component';
+export * from './item';
+export * from './group';
+export declare const ListBox: typeof ListBoxComponent & {
+    Item: import("react").NamedExoticComponent<import("./item").ListBoxItemProps>;
+    Group: typeof ListBoxGroup;
+};

package/dist/components/list-box/index.js

@@ -0,0 +1,11 @@
+import { ListBoxItem } from "./item/Item.js";
+import { ListBoxGroup } from "./group/Group.js";
+import { ListBox as ListBox$1 } from "./ListBox.js";
+import { withParts } from "@soxa-ui/setup";
+//#region src/components/list-box/index.ts
+var ListBox = withParts(ListBox$1, {
+	Item: ListBoxItem,
+	Group: ListBoxGroup
+});
+//#endregion
+export { ListBox };

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

@@ -0,0 +1,6 @@
+import type { ListBoxItemProps } from './base.component';
+/**
+ * ListBoxItem — элемент списка: корень по `tag` и строка-опция — `ItemRow` на `div`
+ * (под этот тег написан `TListBoxItem._ariaTag`).
+ */
+export declare const ListBoxItem: import("react").NamedExoticComponent<ListBoxItemProps>;