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

package/dist/components/switch/Switch.js

@@ -0,0 +1,89 @@
+import { liveScope, renderSlot } from "../../adapter/common/slots.js";
+import { Show } from "../../adapter/runtime/flow.js";
+import { createPartProps, createRootProps, toControlAttrs, toRootForward } from "../../adapter/common/root.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { setupSwitch } from "./setup.component.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+//#region src/components/switch/Switch.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<input type=checkbox>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=so-switch__track aria-hidden=true><span class=so-switch__track--thumb>`);
+/** Переключатель: нативный `<input type="checkbox">` и дорожка; всё — `span` (кладут в `Label`). */
+function Switch(props) {
+	const binding = setupSwitch(props);
+	const state = binding.state;
+	const ctrl = binding.ctrl;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.attrs, state.dataset],
+		forward: toRootForward(binding.forwardProps())
+	}));
+	const aria = createPartProps(() => state.aria);
+	const control = createPartProps(() => toControlAttrs(binding.forwardProps()));
+	const scope = liveScope(() => ({
+		value: state.value,
+		ctrl
+	}));
+	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(Elevate, {
+						get layer() {
+							return binding.layer;
+						},
+						get children() {
+							return [(() => {
+								var _el$ = _tmpl$();
+								spread(_el$, mergeProps({
+									get id() {
+										return state.id;
+									},
+									get name() {
+										return state.name;
+									},
+									get disabled() {
+										return state.disabled;
+									},
+									get required() {
+										return state.required;
+									}
+								}, aria, control, { get checked() {
+									return state.value;
+								} }), false, false);
+								return _el$;
+							})(), (() => {
+								var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+								insert(_el$3, createComponent(Show, {
+									get when() {
+										return state.value;
+									},
+									get fallback() {
+										return renderSlot(props.off, scope);
+									},
+									get children() {
+										return renderSlot(props.on, scope);
+									}
+								}));
+								return _el$2;
+							})()];
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Switch };

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

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

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

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

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

@@ -0,0 +1,35 @@
+import type { SwitchProps } from './base.component';
+export declare function setupSwitch(props: SwitchProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ctrl: object & import("@soxa-ui/core").ISwitch;
+    state: import("@soxa-ui/setup").TAdapterState<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: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;
+        } & {};
+        outputs: object & {} & {} & {} & {} & {} & {} & {};
+    }>>;
+    forwardProps: () => Partial<SwitchProps>;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ref: (el: Element) => void;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+};

package/dist/components/switch/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 { SwitchDescriptor, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/switch/setup.component.ts
+function setupSwitch(props) {
+	const { elevator, layer } = useElevator();
+	const adapter = createSolidAdapterContext(SwitchDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}).use(TFieldControlExtension, { elevator });
+	return {
+		...useAdapter(adapter, props),
+		layer
+	};
+}
+//#endregion
+export { setupSwitch };

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

@@ -0,0 +1,8 @@
+import type { JSX } from 'solid-js';
+import type { TableProps } from './base.component';
+/**
+ * Таблица: окно `div.so-table__viewport` — внешний узел, корень — `table` внутри.
+ * Колонки и строки задаются только данными, поэтому `children` нет; слот `cell`
+ * уходит строке как есть — строку в его scope кладут её ячейки.
+ */
+export declare function Table(props: TableProps): JSX.Element;

package/dist/components/table/Table.js

@@ -0,0 +1,178 @@
+import { relaySlot, renderSlot } from "../../adapter/common/slots.js";
+import { For, Show } from "../../adapter/runtime/flow.js";
+import { createPartProps, createWrappedRootProps } from "../../adapter/common/root.js";
+import { KeyedFor } from "../../adapter/runtime/KeyedFor.js";
+import { Root } from "../../adapter/runtime/Root.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 { setupTable } from "./setup.component.js";
+import { createComponent, effect, insert, mergeProps, setAttribute, spread, style, template, use } from "solid-js/web";
+//#region src/components/table/Table.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<tr class=so-table__filler-row aria-hidden=true><td class=so-table__filler>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<th class=so-table__select>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<thead class=so-table__head><tr class=so-table__head-row>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<tr class=so-table__empty-row><td class=so-table__empty>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<tbody class=so-table__body>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<td class=so-table__select>`);
+/** Строка записи; у распорки её нет. */
+function rowOf(entry) {
+	return entry.kind === "item" ? entry.item : void 0;
+}
+/** Стиль распорки — высота пропущенных строк; у записи строки его нет. */
+function fillerStyleOf(entry) {
+	return entry.kind === "filler" ? entry.style : void 0;
+}
+/**
+* Таблица: окно `div.so-table__viewport` — внешний узел, корень — `table` внутри.
+* Колонки и строки задаются только данными, поэтому `children` нет; слот `cell`
+* уходит строке как есть — строку в его scope кладут её ячейки.
+*/
+function Table(props) {
+	const binding = setupTable(props);
+	const state = binding.state;
+	const facade = binding.facade;
+	const layout = createWrappedRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps(),
+		wrapper: "so-table__viewport"
+	}));
+	const headRowAria = createPartProps(() => state.headRowAria);
+	const cellAria = createPartProps(() => state.cellAria);
+	/** Запись `drawn`: строка или распорка на месте пропущенных. */
+	const drawEntry = (entry) => createComponent(Show, {
+		get when() {
+			return rowOf(entry());
+		},
+		keyed: true,
+		get fallback() {
+			return (() => {
+				var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+				effect((_p$) => {
+					var _v$ = fillerStyleOf(entry()), _v$2 = state.columnCount;
+					_p$.e = style(_el$, _v$, _p$.e);
+					_v$2 !== _p$.t && setAttribute(_el$2, "colspan", _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				return _el$;
+			})();
+		},
+		children: (row) => createComponent(TableRow, {
+			ctrl: row,
+			get cell() {
+				return props.cell;
+			}
+		})
+	});
+	return createComponent(Show, {
+		get when() {
+			return state.rendered;
+		},
+		get children() {
+			var _el$3 = _tmpl$6();
+			var _ref$ = binding.consumerRef;
+			typeof _ref$ === "function" ? use(_ref$, _el$3) : binding.consumerRef = _el$3;
+			spread(_el$3, mergeProps(() => layout().wrapper), false, true);
+			insert(_el$3, createComponent(Root, {
+				get tag() {
+					return state.tag;
+				},
+				attributes: () => layout().root,
+				ref(r$) {
+					var _ref$2 = binding.bindRef;
+					typeof _ref$2 === "function" ? _ref$2(r$) : binding.bindRef = r$;
+				},
+				get children() {
+					return createComponent(Elevate, {
+						get layer() {
+							return binding.layer;
+						},
+						get children() {
+							return [(() => {
+								var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
+								spread(_el$5, mergeProps(headRowAria), false, true);
+								insert(_el$5, createComponent(Show, {
+									get when() {
+										return state.mode === "multiple";
+									},
+									get fallback() {
+										return createComponent(Show, {
+											get when() {
+												return state.mode === "single";
+											},
+											get children() {
+												var _el$0 = _tmpl$7();
+												spread(_el$0, mergeProps(cellAria), false, false);
+												return _el$0;
+											}
+										});
+									},
+									get children() {
+										var _el$6 = _tmpl$2();
+										spread(_el$6, mergeProps(cellAria), false, true);
+										insert(_el$6, createComponent(CheckBox, {
+											embedded: "table.select-all",
+											get ctrl() {
+												return facade.selectAll;
+											},
+											get aria_label() {
+												return state.names_selectAll;
+											}
+										}));
+										return _el$6;
+									}
+								}), null);
+								insert(_el$5, createComponent(For, {
+									get each() {
+										return state.shownColumns;
+									},
+									children: (column) => createComponent(TableColumn, {
+										ctrl: column,
+										get children() {
+											return relaySlot(props.header, { column });
+										}
+									})
+								}), null);
+								return _el$4;
+							})(), (() => {
+								var _el$7 = _tmpl$5();
+								insert(_el$7, createComponent(KeyedFor, {
+									get each() {
+										return state.drawn;
+									},
+									by: (entry) => entry.key,
+									children: drawEntry
+								}), null);
+								insert(_el$7, createComponent(Show, {
+									get when() {
+										return state.shown?.length === 0;
+									},
+									get children() {
+										var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild;
+										insert(_el$9, () => renderSlot(props.empty));
+										effect(() => setAttribute(_el$9, "colspan", state.columnCount));
+										return _el$8;
+									}
+								}), null);
+								return _el$7;
+							})()];
+						}
+					});
+				}
+			}));
+			return _el$3;
+		}
+	});
+}
+//#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 { JSX } from 'solid-js';
+import type { TableColumnProps } from './base.component';
+/**
+ * Заголовок колонки — ячейка шапки, её рисует таблица. Кнопка сортировки — соседка
+ * подписи, а не в слоте: в подписи она дописала бы своё имя к имени заголовка.
+ */
+export declare function TableColumn(props: TableColumnProps): JSX.Element;

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

@@ -0,0 +1,110 @@
+import { resolveSlot } from "../../../adapter/common/slots.js";
+import { Show } from "../../../adapter/runtime/flow.js";
+import { createPartProps, createRootProps } from "../../../adapter/common/root.js";
+import { roleIcon } from "../../../adapter/common/icon.js";
+import { Root } from "../../../adapter/runtime/Root.js";
+import { fieldText } from "../../../adapter/runtime/field-text.js";
+import { Button } from "../../button/Button.js";
+import { Icon } from "../../icon/Icon.js";
+import { setupTableColumn } from "./setup.component.js";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+//#region src/components/table/column/Column.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=so-table-column__sort-icon aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=so-table-column__content><span class=so-table-column__text>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class=so-table-column__resizer><input class=so-table-column__input type=range>`);
+/** Стрелка сортировки — иконка по роли, компонент на роль один на модуль. */
+var SortIcon = roleIcon("arrowUpward");
+/**
+* Заголовок колонки — ячейка шапки, её рисует таблица. Кнопка сортировки — соседка
+* подписи, а не в слоте: в подписи она дописала бы своё имя к имени заголовка.
+*/
+function TableColumn(props) {
+	const binding = setupTableColumn(props);
+	const state = binding.state;
+	const column = binding.column;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps(),
+		style: state.widthStyle
+	}));
+	const textAria = createPartProps(() => state.textAria);
+	const resizerAria = createPartProps(() => state.resizerAria);
+	const caption = resolveSlot(() => props.children, () => ({
+		text: state.text ?? "",
+		sortable: state.sortable ?? false
+	}));
+	const width = fieldText(() => state.resizer ? String(state.resizer.value) : void 0);
+	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 [(() => {
+						var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+						spread(_el$2, mergeProps(textAria), false, true);
+						insert(_el$2, () => caption() ?? state.text);
+						insert(_el$, createComponent(Show, {
+							get when() {
+								return state.sortable;
+							},
+							get children() {
+								return createComponent(Button, mergeProps({
+									embedded: "table.sort",
+									type: "button",
+									"class": "so-table-column__sort",
+									get disabled() {
+										return state.disabled;
+									}
+								}, () => state.sortAria, {
+									onActionPress: () => column.toggleSort(),
+									get children() {
+										var _el$3 = _tmpl$();
+										insert(_el$3, createComponent(Icon, {
+											embedded: "table.sort-icon",
+											tag: SortIcon
+										}));
+										return _el$3;
+									}
+								}));
+							}
+						}), null);
+						return _el$;
+					})(), createComponent(Show, {
+						get when() {
+							return memo(() => !!state.resizerRendered)() && state.resizer;
+						},
+						children: (resizer) => (() => {
+							var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
+							spread(_el$5, mergeProps({
+								get min() {
+									return resizer().min;
+								},
+								get max() {
+									return resizer().max;
+								}
+							}, resizerAria, width), false, false);
+							return _el$4;
+						})()
+					})];
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { TableColumn };

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

@@ -0,0 +1,7 @@
+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>;
+/** Пропсы заголовка колонки: входов нет — колонки задаются данными таблицы. */
+export type TableColumnProps = UseDomProps<typeof TableColumnDescriptor, ITableColumn, TableColumnEventProps>;

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

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

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

@@ -0,0 +1,22 @@
+import type { TableColumnProps } from './base.component';
+/**
+ * Фасада у колонки нет: лифт таблицы отдаёт движок строк, и колонка вошла бы в него строкой.
+ * Инстанс (`column`) — разметке: кнопка сортировки зовёт его `toggleSort()`.
+ */
+export declare function setupTableColumn(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>;
+    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:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {};
+    }>>;
+    forwardProps: () => Partial<TableColumnProps>;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ref: (el: Element) => void;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+};

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

@@ -0,0 +1,20 @@
+import { createSolidAdapterContext } from "../../../adapter/common/createSolidAdapterContext.js";
+import { useAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { TableColumnDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/column/setup.component.ts
+/**
+* Фасада у колонки нет: лифт таблицы отдаёт движок строк, и колонка вошла бы в него строкой.
+* Инстанс (`column`) — разметке: кнопка сортировки зовёт его `toggleSort()`.
+*/
+function setupTableColumn(props) {
+	const adapter = createSolidAdapterContext(TableColumnDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	return {
+		...useAdapter(adapter, props),
+		column: adapter.instance
+	};
+}
+//#endregion
+export { setupTableColumn };

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

@@ -0,0 +1,11 @@
+import { Table as TableComponent } from './Table';
+import { TableColumn } from './column';
+import { TableRow } from './row';
+export * from './base.component';
+export { setupTable } from './setup.component';
+export * from './column';
+export * from './row';
+export declare const Table: typeof TableComponent & {
+    Column: typeof TableColumn;
+    Row: typeof TableRow;
+};

package/dist/components/table/index.js

@@ -0,0 +1,14 @@
+import "./column/setup.component.js";
+import { TableColumn } from "./column/Column.js";
+import "./row/setup.component.js";
+import { TableRow } from "./row/Row.js";
+import "./setup.component.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,17 @@
+import type { JSX } from 'solid-js';
+import type { ITableRow, TAriaAttributes, TTableCell } from '@soxa-ui/core';
+import type { TableRowProps } from './base.component';
+/** Входы ячеек — то, что строка уже получила, и сама строка для scope слота. */
+type TTableRowCellsProps = {
+    /** Строка ячеек — в scope слота `cell` её кладут ячейки */
+    readonly row: ITableRow;
+    /** Ячейки строки — по одной на показанную колонку, в её порядке */
+    readonly cells: readonly TTableCell[] | undefined;
+    /** Набор каждой ячейки строки: у ячеек нет экземпляра */
+    readonly cellAria: TAriaAttributes | undefined;
+    /** Слот `cell` таблицы — каким его отдала строка */
+    readonly cell: TableRowProps['cell'];
+};
+/** Ячейки строки — внутренняя часть `Table.Row` без дескриптора и контекста, не экспортируется. */
+export declare function TableRowCells(props: TTableRowCellsProps): JSX.Element;
+export {};

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

@@ -0,0 +1,61 @@
+import { liveScope, renderSlot } from "../../../adapter/common/slots.js";
+import { KeyedFor } from "../../../adapter/runtime/KeyedFor.js";
+import { createPartNode, createPartNodes } from "../../../adapter/runtime/part-node.js";
+import { createComponent } from "solid-js/web";
+//#region src/components/table/row/Cells.tsx
+/** Свои атрибуты ячейки — заголовка строки и обычной. */
+var ROW_HEADER = {
+	class: "so-table-row__cell",
+	scope: "row"
+};
+var CELL = { class: "so-table-row__cell" };
+/** Тег — часть ключа: сменился заголовок строки — ячейка новая. */
+function keyOf(cell) {
+	return `${cell.column.uid}:${cell.rowHeader}`;
+}
+function tagOf(cell) {
+	return cell.rowHeader ? "th" : "td";
+}
+function textOf(cell) {
+	return cell.text;
+}
+/** Ячейки строки — внутренняя часть `Table.Row` без дескриптора и контекста, не экспортируется. */
+function TableRowCells(props) {
+	/** Три набора ячейки — одним объектом; в окне гидратации их держат узлы. */
+	const attributesOf = (cell) => ({
+		...cell.rowHeader ? ROW_HEADER : CELL,
+		...cell.dataset,
+		...props.cellAria,
+		...cell.aria
+	});
+	if (props.cell === void 0) return createPartNodes({
+		each: () => props.cells,
+		by: keyOf,
+		tag: tagOf,
+		attributes: attributesOf,
+		text: textOf
+	});
+	/**
+	* Содержимое ячейки со слотом: слот, а на месте пустого — значение текстом.
+	* Живой scope — только для функции слота.
+	*/
+	const content = (cell) => {
+		const slot = props.cell;
+		const scope = typeof slot === "function" ? liveScope(() => ({
+			row: props.row,
+			column: cell().column,
+			value: cell().value
+		})) : void 0;
+		return renderSlot(slot, scope) ?? cell().text;
+	};
+	const drawCell = (cell) => createPartNode(tagOf(cell()), () => attributesOf(cell()), () => content(cell));
+	return createComponent(KeyedFor, {
+		get each() {
+			return props.cells;
+		},
+		by: keyOf,
+		children: drawCell
+	});
+}
+//#endregion
+export { TableRowCells };

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

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { TableRowProps } from './base.component';
+/**
+ * Строка таблицы — `tr`, её рисует таблица по записи `drawn`. Чекбокс строки держит
+ * таблица; берётся он только в ячейке выбора: геттер item-адаптера его создаёт.
+ */
+export declare function TableRow(props: TableRowProps): JSX.Element;