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

package/dist/components/switch/Switch.d.ts

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

package/dist/components/switch/Switch.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 { NativeInput } from "../../adapter/runtime/NativeInput.js";
+import { elevated } from "../../adapter/elevator/Elevate.js";
+import { useSetupSwitch } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/switch/Switch.tsx
+/** Switch — переключатель на нативном флажке: AGENTS.md (React), «Поля ввода». */
+function Switch(props) {
+	const { ctrl, ref, forwardProps, state, layer } = useSetupSwitch(props);
+	const { rendered, tag, attrs, aria, dataset, id, value, name, disabled, required } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const scope = {
+		value,
+		ctrl
+	};
+	return /* @__PURE__ */ jsxs(Tag, {
+		...toRootProps(ref, state, [attrs, dataset], toRootForward(forwardProps)),
+		children: [/* @__PURE__ */ jsx(NativeInput, {
+			type: "checkbox",
+			id,
+			name,
+			disabled,
+			required,
+			...toAriaProps(aria),
+			...toControlAttrs(forwardProps),
+			live: { checked: value }
+		}), /* @__PURE__ */ jsx("span", {
+			className: "so-switch__track",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "so-switch__track--thumb",
+				children: elevated(layer, value ? renderSlot(props.on, scope) : renderSlot(props.off, scope))
+			})
+		})]
+	});
+}
+//#endregion
+export { Switch };

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

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

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

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

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

@@ -0,0 +1,27 @@
+import type { SwitchProps } from './base.component';
+/** Поле формы `Field` над переключателем: ошибку и ссылки на части берёт от него лифтом. */
+export declare function useSetupSwitch(props: SwitchProps): import("../../adapter").TComponentBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ISwitch, {
+    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 & {} & {} & {} & {} & {} & {} & {};
+}>, SwitchProps>;

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

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

package/dist/components/table/Table.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { TableProps } from './base.component';
+/**
+ * Table — таблица по паттернам APG Table и Sortable Table: окно
+ * `so-table__viewport` вокруг корня `table` (AGENTS.md (React), «Корень и `ref`
+ * потребителя»). Строки и ячейки — под границей перерисовки: корневой
+ * AGENTS.md, «Адаптер обязан адаптировать».
+ */
+export declare function Table(props: TableProps): ReactElement | null;

package/dist/components/table/Table.js

@@ -0,0 +1,83 @@
+"use client";
+import { toAriaProps } from "../../adapter/common/aria.js";
+import { toReactStyle, toWrappedRootProps } from "../../adapter/common/root.js";
+import { relaySlot, renderSlot } from "../../adapter/common/slots.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { CheckBox } from "../check-box/CheckBox.js";
+import { TableColumn } from "./column/Column.js";
+import { TableRow } from "./row/Row.js";
+import { useSetupTable } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/table/Table.tsx
+/**
+* Table — таблица по паттернам APG Table и Sortable Table: окно
+* `so-table__viewport` вокруг корня `table` (AGENTS.md (React), «Корень и `ref`
+* потребителя»). Строки и ячейки — под границей перерисовки: корневой
+* AGENTS.md, «Адаптер обязан адаптировать».
+*/
+function Table(props) {
+	const { bindRef, forwardProps, state, layer, facade } = useSetupTable(props);
+	const { rendered, tag, mode, names_selectAll, headRowAria, cellAria, shownColumns, drawn, shown, columnCount, attrs, aria, dataset } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const { wrapper, root } = toWrappedRootProps(bindRef, state, [
+		attrs,
+		aria,
+		dataset
+	], forwardProps, "so-table__viewport");
+	const { selectAll } = facade;
+	return /* @__PURE__ */ jsx("div", {
+		...wrapper,
+		children: /* @__PURE__ */ jsx(Tag, {
+			...root,
+			children: /* @__PURE__ */ jsxs(Elevate, {
+				layer,
+				children: [/* @__PURE__ */ jsx("thead", {
+					className: "so-table__head",
+					children: /* @__PURE__ */ jsxs("tr", {
+						className: "so-table__head-row",
+						...toAriaProps(headRowAria),
+						children: [mode === "multiple" ? /* @__PURE__ */ jsx("th", {
+							className: "so-table__select",
+							...toAriaProps(cellAria),
+							children: /* @__PURE__ */ jsx(CheckBox, {
+								embedded: "table.select-all",
+								ctrl: selectAll,
+								aria_label: names_selectAll
+							}, selectAll.uid)
+						}) : mode === "single" ? /* @__PURE__ */ jsx("td", {
+							className: "so-table__select",
+							...toAriaProps(cellAria)
+						}) : null, shownColumns?.map((column) => /* @__PURE__ */ jsx(TableColumn, {
+							ctrl: column,
+							children: relaySlot(props.header, { column })
+						}, column.uid))]
+					})
+				}), /* @__PURE__ */ jsxs("tbody", {
+					className: "so-table__body",
+					children: [drawn?.map((entry) => entry.kind === "filler" ? /* @__PURE__ */ jsx("tr", {
+						className: "so-table__filler-row",
+						"aria-hidden": "true",
+						style: toReactStyle(entry.style),
+						children: /* @__PURE__ */ jsx("td", {
+							className: "so-table__filler",
+							colSpan: columnCount
+						})
+					}, entry.key) : /* @__PURE__ */ jsx(TableRow, {
+						ctrl: entry.item,
+						cell: props.cell
+					}, entry.key)), shown?.length === 0 ? /* @__PURE__ */ jsx("tr", {
+						className: "so-table__empty-row",
+						children: /* @__PURE__ */ jsx("td", {
+							className: "so-table__empty",
+							colSpan: columnCount,
+							children: renderSlot(props.empty)
+						})
+					}) : null]
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { Table };

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

@@ -0,0 +1,7 @@
+import type { ITable } from '@soxa-ui/core';
+import type { TableCollectionDescriptor, TableDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События Table — свои и фасада коллекции строк. */
+export type TableEventProps = EventProps<typeof TableDescriptor> & EventProps<typeof TableCollectionDescriptor>;
+/** Пропсы Table: класс, стиль и `ref` — окну, остальное — `table`. */
+export type TableProps = UseDomProps<typeof TableDescriptor, ITable, TableEventProps>;

package/dist/components/table/column/Column.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { TableColumnProps } from './base.component';
+/**
+ * TableColumn — заголовок колонки (`Table.Column`) с кнопкой сортировки и ручкой
+ * ширины; поле ручки — `NativeInput` (AGENTS.md (React), «Поля ввода»).
+ */
+export declare function TableColumn(props: TableColumnProps): ReactElement | null;

package/dist/components/table/column/Column.js

@@ -0,0 +1,66 @@
+"use client";
+import { toAriaProps } from "../../../adapter/common/aria.js";
+import { toRootProps } from "../../../adapter/common/root.js";
+import { renderSlot } from "../../../adapter/common/slots.js";
+import { roleIcon } from "../../../adapter/common/icon.js";
+import { NativeInput } from "../../../adapter/runtime/NativeInput.js";
+import { Button } from "../../button/Button.js";
+import { Icon } from "../../icon/Icon.js";
+import { useSetupTableColumn } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/table/column/Column.tsx
+var SortIcon = roleIcon("arrowUpward");
+/**
+* TableColumn — заголовок колонки (`Table.Column`) с кнопкой сортировки и ручкой
+* ширины; поле ручки — `NativeInput` (AGENTS.md (React), «Поля ввода»).
+*/
+function TableColumn(props) {
+	const { ref, forwardProps, state, column } = useSetupTableColumn(props);
+	const { rendered, tag, text, sortable, disabled, widthStyle, textAria, sortAria, resizerRendered, resizer, resizerAria, attrs, aria, dataset } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsxs(tag, {
+		...toRootProps(ref, state, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps, widthStyle),
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "so-table-column__content",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "so-table-column__text",
+				...toAriaProps(textAria),
+				children: renderSlot(props.children, {
+					text: text ?? "",
+					sortable: sortable ?? false
+				}) ?? text
+			}), sortable ? /* @__PURE__ */ jsx(Button, {
+				embedded: "table.sort",
+				type: "button",
+				className: "so-table-column__sort",
+				disabled,
+				...toAriaProps(sortAria),
+				onActionPress: () => column.toggleSort(),
+				children: /* @__PURE__ */ jsx("span", {
+					className: "so-table-column__sort-icon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx(Icon, {
+						embedded: "table.sort-icon",
+						tag: SortIcon
+					})
+				})
+			}) : null]
+		}), resizerRendered && resizer ? /* @__PURE__ */ jsx("span", {
+			className: "so-table-column__resizer",
+			children: /* @__PURE__ */ jsx(NativeInput, {
+				className: "so-table-column__input",
+				type: "range",
+				min: resizer.min,
+				max: resizer.max,
+				...toAriaProps(resizerAria),
+				live: { value: resizer.value }
+			})
+		}) : null]
+	});
+}
+//#endregion
+export { TableColumn };

package/dist/components/table/column/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { ITableColumn } from '@soxa-ui/core';
+import type { TableColumnDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+export type TableColumnEventProps = EventProps<typeof TableColumnDescriptor>;
+/** Пропсы заголовка колонки: входов нет, рисует таблица над `ctrl`. */
+export type TableColumnProps = UseDomProps<typeof TableColumnDescriptor, ITableColumn, TableColumnEventProps>;

package/dist/components/table/column/index.d.ts

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

package/dist/components/table/column/setup.component.d.ts

@@ -0,0 +1,19 @@
+import type { TableColumnProps } from './base.component';
+export declare function useSetupTableColumn(props: TableColumnProps): {
+    column: object & import("@soxa-ui/core").ITableColumn<import("@soxa-ui/core").ITableColumnProps, import("@soxa-ui/core").TTableColumnEvents>;
+    ctrl: object & import("@soxa-ui/core").ITableColumn<import("@soxa-ui/core").ITableColumnProps, import("@soxa-ui/core").TTableColumnEvents>;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ref: (el: Element | null) => void;
+    bindRef: (el: Element | null) => void;
+    root: import("../../../adapter").TRootSource;
+    forwardProps: Partial<TableColumnProps>;
+    state: import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITableColumn<import("@soxa-ui/core").ITableColumnProps, import("@soxa-ui/core").TTableColumnEvents>, {
+        props: object & {} & {} & {} & {} & {};
+        events: object & {
+            "element:removed": () => void;
+            "element:ready": (element: Element) => void;
+        } & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {};
+    }>>;
+    layer: import("../../../adapter").TElevatorLayer;
+};

package/dist/components/table/column/setup.component.js

@@ -0,0 +1,16 @@
+"use client";
+import { useComponent } from "../../../adapter/runtime/useComponent.js";
+import { TableColumnDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/column/setup.component.ts
+function useSetupTableColumn(props) {
+	const binding = useComponent((create) => create(TableColumnDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}), props);
+	return {
+		...binding,
+		column: binding.ctrl
+	};
+}
+//#endregion
+export { useSetupTableColumn };

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

@@ -0,0 +1,9 @@
+import { Table as TableComponent } from './Table';
+import { TableColumn } from './column';
+export * from './base.component';
+export * from './column';
+export * from './row';
+export declare const Table: typeof TableComponent & {
+    Column: typeof TableColumn;
+    Row: import("react").NamedExoticComponent<import("./row").TableRowProps>;
+};

package/dist/components/table/index.js

@@ -0,0 +1,11 @@
+import { TableColumn } from "./column/Column.js";
+import { TableRow } from "./row/Row.js";
+import { Table as Table$1 } from "./Table.js";
+import { withParts } from "@soxa-ui/setup";
+//#region src/components/table/index.ts
+var Table = withParts(Table$1, {
+	Column: TableColumn,
+	Row: TableRow
+});
+//#endregion
+export { Table };

package/dist/components/table/row/Cells.d.ts

@@ -0,0 +1,14 @@
+import type { ITableRow, TAriaAttributes, TTableCell } from '@soxa-ui/core';
+import type { TableRowProps } from './base.component';
+type TTableRowCellsProps = {
+    readonly row: ITableRow;
+    readonly cells: readonly TTableCell[] | undefined;
+    readonly cellAria: TAriaAttributes | undefined;
+    readonly cell: TableRowProps['cell'];
+};
+/**
+ * Ячейки строки таблицы — внутренняя часть `Table.Row` под своей границей
+ * перерисовки: выбор перерисовывает строку, но не ячейки. Из пакета не экспортируется.
+ */
+export declare const TableRowCells: import("react").NamedExoticComponent<TTableRowCellsProps>;
+export {};

package/dist/components/table/row/Cells.js

@@ -0,0 +1,29 @@
+"use client";
+import { toAriaProps } from "../../../adapter/common/aria.js";
+import { renderSlot } from "../../../adapter/common/slots.js";
+import { withRenderBoundary } from "../../../adapter/runtime/withRenderBoundary.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region src/components/table/row/Cells.tsx
+/**
+* Ячейки строки таблицы — внутренняя часть `Table.Row` под своей границей
+* перерисовки: выбор перерисовывает строку, но не ячейки. Из пакета не экспортируется.
+*/
+var TableRowCells = withRenderBoundary(function TableRowCells({ row, cells, cellAria, cell: slot }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: cells?.map((cell) => {
+		const Cell = cell.rowHeader ? "th" : "td";
+		return /* @__PURE__ */ jsx(Cell, {
+			className: "so-table-row__cell",
+			scope: cell.rowHeader ? "row" : void 0,
+			...toAriaProps(cell.dataset),
+			...toAriaProps(cellAria),
+			...toAriaProps(cell.aria),
+			children: renderSlot(slot, {
+				row,
+				column: cell.column,
+				value: cell.value
+			}) ?? cell.text
+		}, cell.column.uid);
+	}) });
+});
+//#endregion
+export { TableRowCells };

package/dist/components/table/row/Row.d.ts

@@ -0,0 +1,6 @@
+import type { TableRowProps } from './base.component';
+/**
+ * TableRow — строка таблицы (`Table.Row`) под границей перерисовки. Ключ
+ * чекбокса — его экземпляр: AGENTS.md (React), «Пересобранный инстанс и `key`».
+ */
+export declare const TableRow: import("react").NamedExoticComponent<TableRowProps>;

package/dist/components/table/row/Row.js

@@ -0,0 +1,43 @@
+"use client";
+import { toAriaProps } from "../../../adapter/common/aria.js";
+import { toRootProps } from "../../../adapter/common/root.js";
+import { withRenderBoundary } from "../../../adapter/runtime/withRenderBoundary.js";
+import { CheckBox } from "../../check-box/CheckBox.js";
+import { TableRowCells } from "./Cells.js";
+import { useSetupTableRow } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/table/row/Row.tsx
+/**
+* TableRow — строка таблицы (`Table.Row`) под границей перерисовки. Ключ
+* чекбокса — его экземпляр: AGENTS.md (React), «Пересобранный инстанс и `key`».
+*/
+var TableRow = withRenderBoundary(function TableRow(props) {
+	const { ctrl, ref, forwardProps, state, context } = useSetupTableRow(props);
+	const { rendered, tag, selecting, cells, cellAria, rowHeaderId, attrs, aria, dataset } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const checkBox = selecting ? context?.adapters.table.checkBox : void 0;
+	return /* @__PURE__ */ jsxs(Tag, {
+		...toRootProps(ref, state, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps),
+		children: [selecting ? /* @__PURE__ */ jsx("td", {
+			className: "so-table-row__select",
+			...toAriaProps(cellAria),
+			children: /* @__PURE__ */ jsx(CheckBox, {
+				embedded: "table.select",
+				ctrl: checkBox,
+				aria_labelledBy: rowHeaderId
+			}, checkBox?.uid)
+		}) : null, /* @__PURE__ */ jsx(TableRowCells, {
+			row: ctrl,
+			cells,
+			cellAria,
+			cell: props.cell
+		})]
+	});
+});
+//#endregion
+export { TableRow };

package/dist/components/table/row/base.component.d.ts

@@ -0,0 +1,7 @@
+import type { ITableRow } from '@soxa-ui/core';
+import type { TableCollectionRowDescriptor, TableRowDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+/** События строки — свои и фасада. */
+export type TableRowEventProps = EventProps<typeof TableRowDescriptor> & EventProps<typeof TableCollectionRowDescriptor>;
+/** Пропсы строки: входов нет, рисует таблица над `ctrl`. */
+export type TableRowProps = UseDomProps<typeof TableRowDescriptor, ITableRow, TableRowEventProps>;

package/dist/components/table/row/index.d.ts

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

package/dist/components/table/row/setup.component.d.ts

@@ -0,0 +1,11 @@
+import type { TableRowProps } from './base.component';
+export declare function useSetupTableRow(props: TableRowProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").ITableRow<import("@soxa-ui/core").ITableRowProps, import("@soxa-ui/core").TTableRowEvents>, import("@soxa-ui/core").TTableCollectionExtensions> | undefined;
+    ref: (el: Element | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").ITableRow<import("@soxa-ui/core").ITableRowProps, import("@soxa-ui/core").TTableRowEvents>;
+    root: import("../../../adapter").TRootSource;
+    forwardProps: Partial<TableRowProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").ITableRow<import("@soxa-ui/core").ITableRowProps, import("@soxa-ui/core").TTableRowEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TTableRowCollectionFacade> & object;
+};

package/dist/components/table/row/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 { TCollectionItemExtension, TableCollectionRowDescriptor, TableRowDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/row/setup.component.ts
+function useSetupTableRow(props) {
+	const { contexts: [adapter, item] } = useAdapterContext((create, elevator) => {
+		const adapter = create(TableRowDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [adapter, create(TableCollectionRowDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+			adapter,
+			elevator
+		})];
+	});
+	return {
+		...useCollectionAdapter(useAdapter(adapter, props), item, props),
+		context: item.instance.context
+	};
+}
+//#endregion
+export { useSetupTableRow };

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

@@ -0,0 +1,18 @@
+import type { TableProps } from './base.component';
+export declare function useSetupTable(props: TableProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    facade: object & import("@soxa-ui/core").TTableCollectionFacade;
+    ref: (el: Element | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").ITable;
+    root: import("../../adapter").TRootSource;
+    forwardProps: Partial<TableProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").ITable> & 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 names_selectAll: string;
+    } & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TTableCollectionFacade> & object;
+};

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

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

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { TabsProps } from './base.component';
+/**
+ * Tabs — набор табов: ряд со списком `[role=tablist]` и панели рядом с ним
+ * (слот `content`). Слоты `leading` и `trailing` — в ряду по краям списка, а
+ * не в нём: в `tablist` ARIA пускает только `tab`. Атрибуты потребителя —
+ * списку: AGENTS.md (React), «Корень и `ref` потребителя».
+ */
+export declare function Tabs(props: TabsProps): ReactElement | null;

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,53 @@
+"use client";
+import { toAriaProps } from "../../adapter/common/aria.js";
+import { toControlAttrs, toRootForward, toRootProps } from "../../adapter/common/root.js";
+import { hasSlot, relaySlot, renderSlot } from "../../adapter/common/slots.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { TabsItem } from "./item/Item.js";
+import { useSetupTabs } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/tabs/Tabs.tsx
+/**
+* Tabs — набор табов: ряд со списком `[role=tablist]` и панели рядом с ним
+* (слот `content`). Слоты `leading` и `trailing` — в ряду по краям списка, а
+* не в нём: в `tablist` ARIA пускает только `tab`. Атрибуты потребителя —
+* списку: AGENTS.md (React), «Корень и `ref` потребителя».
+*/
+function Tabs(props) {
+	const { ref, forwardProps, state, layer } = useSetupTabs(props);
+	const { rendered, 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: [/* @__PURE__ */ jsxs("div", {
+				className: "so-tabs__bar",
+				children: [
+					hasSlot(props.leading) ? /* @__PURE__ */ jsx("div", {
+						className: "so-tabs__leading",
+						children: renderSlot(props.leading)
+					}) : null,
+					/* @__PURE__ */ jsx("div", {
+						className: "so-tabs__list",
+						...toAriaProps(aria),
+						...toControlAttrs(forwardProps),
+						children: hasSlot(props.children) ? renderSlot(props.children) : shown?.map((item) => /* @__PURE__ */ jsx(TabsItem, {
+							ctrl: item,
+							leading: renderSlot(props["item-leading"], { item }),
+							trailing: renderSlot(props["item-trailing"], { item }),
+							"close-icon": renderSlot(props["item-close-icon"], { item }),
+							children: relaySlot(props.item, { item })
+						}, item.uid))
+					}),
+					hasSlot(props.trailing) ? /* @__PURE__ */ jsx("div", {
+						className: "so-tabs__trailing",
+						children: renderSlot(props.trailing)
+					}) : null
+				]
+			}), renderSlot(props.content)]
+		})
+	});
+}
+//#endregion
+export { Tabs };

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

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'react';
+import type { ITabs } from '@soxa-ui/core';
+import type { TabsCollectionDescriptor, TabsDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../types';
+/** События Tabs — свои и фасада коллекции. */
+export type TabsEventProps = EventProps<typeof TabsDescriptor> & EventProps<typeof TabsCollectionDescriptor>;
+/** Атрибуты набора: класс и стиль — корню, остальное — списку табов с `role="tablist"`. */
+export type TabsAttributes = TDomAttributes<typeof TabsDescriptor, HTMLAttributes<HTMLElement>, TabsEventProps>;
+export type TabsProps = UseDomProps<typeof TabsDescriptor, ITabs, TabsEventProps>;

package/dist/components/tabs/content/Content.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { TabsContentProps } from './base.component';
+/** TabsContent — панель таба: рисуется, пока активен таб того же `value`. */
+export declare function TabsContent(props: TabsContentProps): ReactElement | null;