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

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

@@ -0,0 +1,4 @@
+import type { IField } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+/** Связку поле опускает лифтом хоста; контрол в свете находит её вверх по документу. */
+export declare function setupField(host: HTMLElement, ctrl: IField | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IField>;

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

@@ -0,0 +1,17 @@
+import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { createWebcElevator } from "../../adapter/elevator/factory.js";
+import "../../adapter/elevator/index.js";
+import "../../adapter/index.js";
+import { FieldDescriptor, TFieldExtension } from "@soxa-ui/setup";
+//#region src/components/field/setup.component.ts
+/** Связку поле опускает лифтом хоста; контрол в свете находит её вверх по документу. */
+function setupField(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, FieldDescriptor(), {
+		ctrl,
+		props
+	}).use(TFieldExtension, { elevator: createWebcElevator(host) });
+	return useAdapter(adapter, host, onUpdate);
+}
+//#endregion
+export { setupField };

package/dist/components/frame/Frame.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<div is="so-frame">` — слой: в цель `target` уезжает сам элемент
+ * потребителя, перенос ведёт база (`teleport`). docs/architecture.md, Layer 8d,
+ * «Слой».
+ */
+import { FrameDescriptor } from '@soxa-ui/setup';
+import type { IFrame } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TFrameElement: TElementClassOf<typeof HTMLDivElement, typeof FrameDescriptor, IFrame>;
+export type TFrameElementProps = TElementType<typeof TFrameElement>;

package/dist/components/frame/Frame.element.js

@@ -0,0 +1,27 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { frameTemplate } from "./frame.template.js";
+import { setupFrame } from "./setup.component.js";
+import { FrameDescriptor } from "@soxa-ui/setup";
+//#region src/components/frame/Frame.element.ts
+/**
+* `<div is="so-frame">` — слой: в цель `target` уезжает сам элемент
+* потребителя, перенос ведёт база (`teleport`). docs/architecture.md, Layer 8d,
+* «Слой».
+*/
+var TFrameElement = ElementBase(HTMLDivElement, {
+	descriptor: FrameDescriptor,
+	template: frameTemplate,
+	root: {
+		strategy: "host",
+		teleport: {
+			target: "target",
+			contained: "contained"
+		}
+	},
+	setup: setupFrame
+});
+defineElement("so-frame", TFrameElement, "div");
+//#endregion
+export { TFrameElement };

package/dist/components/frame/frame.template.d.ts

@@ -0,0 +1,4 @@
+/** Шаблон Frame: структуры нет, содержимое остаётся в корне и уезжает в цель с ним. */
+import type { IFrame } from '@soxa-ui/core';
+import type { ITemplate } from '../../adapter';
+export declare const frameTemplate: ITemplate<IFrame>;

package/dist/components/frame/frame.template.js

@@ -0,0 +1,10 @@
+//#region src/components/frame/frame.template.ts
+var frameTemplate = {
+	create: (root) => ({ slots: { default: {
+		mode: "append",
+		node: root
+	} } }),
+	bindings: []
+};
+//#endregion
+export { frameTemplate };

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

@@ -0,0 +1,3 @@
+/** Application API for this element entry. */
+export { TFrameElement } from './Frame.element';
+export type { TFrameElementProps } from './Frame.element';

package/dist/components/frame/index.js

@@ -0,0 +1 @@
+export { TFrameElement } from "./Frame.element.js";

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

@@ -0,0 +1,3 @@
+import type { IFrame } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+export declare function setupFrame(host: HTMLElement, ctrl: IFrame | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IFrame>;

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

@@ -0,0 +1,14 @@
+import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import "../../adapter/index.js";
+import { FrameDescriptor } from "@soxa-ui/setup";
+//#region src/components/frame/setup.component.ts
+function setupFrame(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, FrameDescriptor(), {
+		ctrl,
+		props
+	});
+	return useAdapter(adapter, host, onUpdate);
+}
+//#endregion
+export { setupFrame };

package/dist/components/icon/Icon.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<span is="so-icon">` — иконка: `is` не расширяет `<svg>`, и рисунок роли
+ * (свой атрибут `icon`, не проп ядра) — `<svg>` внутри корня. docs/architecture.md,
+ * Layer 8d, «Иконка».
+ */
+import { IconDescriptor } from '@soxa-ui/setup';
+import type { IIcon } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TIconElement: TElementClassOf<typeof HTMLSpanElement, typeof IconDescriptor, IIcon, unknown, unknown, 'icon'>;
+export type TIconElementProps = TElementType<typeof TIconElement>;

package/dist/components/icon/Icon.element.js

@@ -0,0 +1,21 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { iconTemplate } from "./icon.template.js";
+import { setupIcon } from "./setup.component.js";
+import { IconDescriptor } from "@soxa-ui/setup";
+//#region src/components/icon/Icon.element.ts
+/**
+* `<span is="so-icon">` — иконка: `is` не расширяет `<svg>`, и рисунок роли
+* (свой атрибут `icon`, не проп ядра) — `<svg>` внутри корня. docs/architecture.md,
+* Layer 8d, «Иконка».
+*/
+var TIconElement = ElementBase(HTMLSpanElement, {
+	descriptor: IconDescriptor,
+	template: iconTemplate,
+	attributes: ["icon"],
+	setup: setupIcon
+});
+defineElement("so-icon", TIconElement, "span");
+//#endregion
+export { TIconElement };

package/dist/components/icon/icon.template.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Шаблон Icon: в корне только `<svg>` рисунка роли, растянутый на корень и под
+ * `aria-hidden` — имя у корня. Роли нет — `<svg>` снят.
+ */
+import type { IIcon } from '@soxa-ui/core';
+import { type ITemplate } from '../../adapter';
+export declare const iconTemplate: ITemplate<IIcon>;

package/dist/components/icon/icon.template.js

@@ -0,0 +1,32 @@
+import { drawRoleIcon, roleIcon } from "../../adapter/common/icon.js";
+import { bind } from "../../adapter/template/types.js";
+import "../../adapter/index.js";
+//#region src/components/icon/icon.template.ts
+/** Рисунок каждого элемента — свой: создаётся с первой ролью и остаётся за элементом. */
+var pictures = /* @__PURE__ */ new WeakMap();
+/** `<svg>` рисунка элемента — во весь корень и без своего имени. */
+function pictureOf(root, role) {
+	const known = pictures.get(root);
+	if (known) return known;
+	const svg = roleIcon(role);
+	svg.setAttribute("width", "100%");
+	svg.setAttribute("height", "100%");
+	svg.setAttribute("aria-hidden", "true");
+	pictures.set(root, svg);
+	return svg;
+}
+var iconTemplate = {
+	create: () => ({ slots: {} }),
+	bindings: [bind("icon", ({ root }) => {
+		const role = root.getAttribute("icon");
+		if (!role) {
+			pictures.get(root)?.remove();
+			return;
+		}
+		const svg = pictureOf(root, role);
+		drawRoleIcon(svg, role);
+		if (svg.parentNode !== root) root.appendChild(svg);
+	})]
+};
+//#endregion
+export { iconTemplate };

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

@@ -0,0 +1,4 @@
+/** Application API for this element entry. */
+export { TIconElement } from './Icon.element';
+export type { TIconElementProps } from './Icon.element';
+export { roleIcon } from '../../adapter/common/icon';

package/dist/components/icon/index.js

@@ -0,0 +1,3 @@
+import { roleIcon } from "../../adapter/common/icon.js";
+import { TIconElement } from "./Icon.element.js";
+export { TIconElement, roleIcon };

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

@@ -0,0 +1,3 @@
+import type { IIcon } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+export declare function setupIcon(host: HTMLElement, ctrl: IIcon | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IIcon>;

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

@@ -0,0 +1,14 @@
+import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import "../../adapter/index.js";
+import { IconDescriptor } from "@soxa-ui/setup";
+//#region src/components/icon/setup.component.ts
+function setupIcon(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, IconDescriptor(), {
+		ctrl,
+		props
+	});
+	return useAdapter(adapter, host, onUpdate);
+}
+//#endregion
+export { setupIcon };

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -0,0 +1,104 @@
+import { roleIcon } from "../adapter/common/icon.js";
+import { toastsOf } from "../adapter/toasts/toastsOf.js";
+import "./component/index.js";
+import { TComponentViewElement } from "./component-view/ComponentView.element.js";
+import "./component-view/index.js";
+import "./stylable/index.js";
+import "./control/index.js";
+import "./interactive/index.js";
+import "./value-control/index.js";
+import "./input-control/index.js";
+import "./textable/index.js";
+import { TButtonElement } from "./button/Button.element.js";
+import "./button/index.js";
+import { registerItemRowTag } from "./item-row/ItemRow.element.js";
+import "./item-row/index.js";
+import { TIconElement } from "./icon/Icon.element.js";
+import "./icon/index.js";
+import { TLabelElement } from "./label/Label.element.js";
+import "./label/index.js";
+import { TFieldElement } from "./field/Field.element.js";
+import "./field/index.js";
+import { TCheckBoxElement } from "./check-box/CheckBox.element.js";
+import "./check-box/index.js";
+import { TSwitchElement } from "./switch/Switch.element.js";
+import "./switch/index.js";
+import { TInputElement } from "./input/Input.element.js";
+import "./input/index.js";
+import { TNumberInputElement } from "./number-input/NumberInput.element.js";
+import "./number-input/index.js";
+import { TTextareaElement } from "./textarea/Textarea.element.js";
+import "./textarea/index.js";
+import { TSliderElement } from "./slider/Slider.element.js";
+import "./slider/index.js";
+import { TRatingElement } from "./rating/Rating.element.js";
+import "./rating/index.js";
+import { TProgressSpinnerElement } from "./progress-spinner/ProgressSpinner.element.js";
+import "./progress-spinner/index.js";
+import { TProgressLinearElement } from "./progress-linear/ProgressLinear.element.js";
+import "./progress-linear/index.js";
+import { TSkeletonElement } from "./skeleton/Skeleton.element.js";
+import "./skeleton/index.js";
+import { TScrollerElement } from "./scroller/Scroller.element.js";
+import "./scroller/index.js";
+import { TFrameElement } from "./frame/Frame.element.js";
+import "./frame/index.js";
+import { TPopoverElement, registerPopoverTag } from "./popover/Popover.element.js";
+import "./popover/index.js";
+import { TTooltipElement } from "./tooltip/Tooltip.element.js";
+import "./tooltip/index.js";
+import { TDialogElement } from "./dialog/Dialog.element.js";
+import "./dialog/index.js";
+import { TDrawerElement } from "./drawer/Drawer.element.js";
+import "./drawer/index.js";
+import { TToastsElement } from "./toasts/Toasts.element.js";
+import "./toasts/index.js";
+import { TVirtualElement } from "./virtual/Virtual.element.js";
+import "./virtual/index.js";
+import { TDragAndDropElement } from "./drag-and-drop/DragAndDrop.element.js";
+import "./drag-and-drop/index.js";
+import { TRadioGroupItemElement } from "./radio-group/item/RadioGroupItem.element.js";
+import { TRadioGroupElement } from "./radio-group/RadioGroup.element.js";
+import "./radio-group/index.js";
+import { TTabsContentElement } from "./tabs/content/TabsContent.element.js";
+import { TTabsItemElement } from "./tabs/item/TabsItem.element.js";
+import { TTabsElement } from "./tabs/Tabs.element.js";
+import "./tabs/index.js";
+import { TAccordionItemElement } from "./accordion/item/AccordionItem.element.js";
+import { TAccordionElement } from "./accordion/Accordion.element.js";
+import "./accordion/index.js";
+import { TListBoxItemElement } from "./list-box/item/ListBoxItem.element.js";
+import { TListBoxGroupElement } from "./list-box/group/ListBoxGroup.element.js";
+import { TListBoxElement } from "./list-box/ListBox.element.js";
+import "./list-box/index.js";
+import { TTagsItemElement } from "./tags/item/TagsItem.element.js";
+import { TTagsElement } from "./tags/Tags.element.js";
+import "./tags/index.js";
+import { TSelectGroupElement } from "./select/group/SelectGroup.element.js";
+import { TSelectItemElement } from "./select/item/SelectItem.element.js";
+import { TSelectElement } from "./select/Select.element.js";
+import "./select/index.js";
+import { TMenuCheckboxItemElement } from "./menu/checkbox-item/MenuCheckboxItem.element.js";
+import { TMenuGroupElement } from "./menu/group/MenuGroup.element.js";
+import { TMenuItemElement } from "./menu/item/MenuItem.element.js";
+import { TMenuPopoverItemElement } from "./menu/popover-item/MenuPopoverItem.element.js";
+import { TMenuRadioGroupElement } from "./menu/radio-group/MenuRadioGroup.element.js";
+import { TMenuRadioItemElement } from "./menu/radio-item/MenuRadioItem.element.js";
+import { TMenuSeparatorElement } from "./menu/separator/MenuSeparator.element.js";
+import { TMenuSubmenuElement } from "./menu/submenu/MenuSubmenu.element.js";
+import { TMenuElement } from "./menu/Menu.element.js";
+import "./menu/index.js";
+import { TPaginationElement } from "./pagination/Pagination.element.js";
+import "./pagination/index.js";
+import { TTableColumnElement } from "./table/column/TableColumn.element.js";
+import { TTableRowElement } from "./table/row/TableRow.element.js";
+import { TTableElement } from "./table/Table.element.js";
+import "./table/index.js";
+import { TDateInputElement } from "./date-input/DateInput.element.js";
+import "./date-input/index.js";
+import { TCalendarItemElement } from "./calendar/item/CalendarItem.element.js";
+import { TCalendarElement } from "./calendar/Calendar.element.js";
+import "./calendar/index.js";
+import { TDatePickerElement } from "./date-picker/DatePicker.element.js";
+import "./date-picker/index.js";
+export { TAccordionElement, TAccordionItemElement, TButtonElement, TCalendarElement, TCalendarItemElement, TCheckBoxElement, TComponentViewElement, TDateInputElement, TDatePickerElement, TDialogElement, TDragAndDropElement, TDrawerElement, TFieldElement, TFrameElement, TIconElement, TInputElement, TLabelElement, TListBoxElement, TListBoxGroupElement, TListBoxItemElement, TMenuCheckboxItemElement, TMenuElement, TMenuGroupElement, TMenuItemElement, TMenuPopoverItemElement, TMenuRadioGroupElement, TMenuRadioItemElement, TMenuSeparatorElement, TMenuSubmenuElement, TNumberInputElement, TPaginationElement, TPopoverElement, TProgressLinearElement, TProgressSpinnerElement, TRadioGroupElement, TRadioGroupItemElement, TRatingElement, TScrollerElement, TSelectElement, TSelectGroupElement, TSelectItemElement, TSkeletonElement, TSliderElement, TSwitchElement, TTableColumnElement, TTableElement, TTableRowElement, TTabsContentElement, TTabsElement, TTabsItemElement, TTagsElement, TTagsItemElement, TTextareaElement, TToastsElement, TTooltipElement, TVirtualElement, registerItemRowTag, registerPopoverTag, roleIcon, toastsOf };

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

@@ -0,0 +1,9 @@
+/**
+ * `<div is="so-input">` — текстовое поле: нативный `<input>` внутри, по сторонам
+ * — слоты `leading` и `trailing`. docs/architecture.md, Layer 8d, «Поле».
+ */
+import { InputDescriptor } from '@soxa-ui/setup';
+import type { IInput } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TInputElement: TElementClassOf<typeof HTMLDivElement, typeof InputDescriptor, IInput>;
+export type TInputElementProps = TElementType<typeof TInputElement>;

package/dist/components/input/Input.element.js

@@ -0,0 +1,24 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { inputTemplate } from "./input.template.js";
+import { setupInput } from "./setup.component.js";
+import { InputDescriptor } from "@soxa-ui/setup";
+//#region src/components/input/Input.element.ts
+/**
+* `<div is="so-input">` — текстовое поле: нативный `<input>` внутри, по сторонам
+* — слоты `leading` и `trailing`. docs/architecture.md, Layer 8d, «Поле».
+*/
+var TInputElement = ElementBase(HTMLDivElement, {
+	descriptor: InputDescriptor,
+	template: inputTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"],
+		control: true
+	},
+	setup: setupInput
+});
+defineElement("so-input", TInputElement, "div");
+//#endregion
+export { TInputElement };

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

@@ -0,0 +1,3 @@
+/** Application API for this element entry. */
+export { TInputElement } from './Input.element';
+export type { TInputElementProps } from './Input.element';

package/dist/components/input/index.js

@@ -0,0 +1 @@
+export { TInputElement } from "./Input.element.js";

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

@@ -0,0 +1,10 @@
+/**
+ * Шаблон Input: поле и обёртки слотов по сторонам — только когда в них есть что
+ * положить. Кнопка очистки — деталь (docs/architecture.md, Layer 8d, «Деталь
+ * разметки»); `readonly` её не гасит: select-only Select — `readonly`, а
+ * очистка там работает. Её клик не всплывает: Select открывает панель по клику поля.
+ */
+import type { IInput } from '@soxa-ui/core';
+import type { TInputOutputs } from './setup.component';
+import { type ITemplate } from '../../adapter';
+export declare const inputTemplate: ITemplate<IInput, unknown, TInputOutputs>;

package/dist/components/input/input.template.js

@@ -0,0 +1,82 @@
+import { bind } from "../../adapter/template/types.js";
+import { ownerAttributes } from "../../adapter/template/owner.js";
+import "../../adapter/index.js";
+import { placeClearButton } from "../common/clear.js";
+//#region src/components/input/input.template.ts
+var parts = /* @__PURE__ */ new WeakMap();
+var inputTemplate = {
+	create: (root, { hasSlot }) => {
+		const { ownerDocument } = root;
+		const leading = ownerDocument.createElement("div");
+		const field = ownerDocument.createElement("input");
+		const trailing = ownerDocument.createElement("div");
+		leading.className = "so-input__leading";
+		field.type = "text";
+		trailing.className = "so-input__trailing";
+		if (hasSlot("leading")) root.appendChild(leading);
+		root.appendChild(field);
+		if (hasSlot("clear") || hasSlot("trailing")) root.appendChild(trailing);
+		parts.set(root, {
+			field,
+			leading,
+			trailing
+		});
+		return {
+			slots: {
+				leading: {
+					mode: "append",
+					node: leading
+				},
+				clear: {
+					mode: "append",
+					node: trailing
+				},
+				trailing: {
+					mode: "append",
+					node: trailing
+				}
+			},
+			control: field
+		};
+	},
+	bindings: [
+		bind([
+			"id",
+			"name",
+			"placeholder",
+			"disabled",
+			"readonly",
+			"required"
+		], ({ root, state }) => {
+			const field = parts.get(root)?.field;
+			if (!field) return;
+			if (state.id === void 0) field.removeAttribute("id");
+			else field.id = state.id;
+			field.name = state.name ?? "";
+			field.placeholder = state.placeholder ?? "";
+			field.disabled = state.disabled === true;
+			field.readOnly = state.readonly === true;
+			field.required = state.required === true;
+		}),
+		bind("aria", ({ root, state }) => {
+			const field = parts.get(root)?.field;
+			if (field) ownerAttributes(field, state.aria);
+		}),
+		bind("value", ({ root, state }) => {
+			const field = parts.get(root)?.field;
+			const text = state.value ?? "";
+			if (field && field.value !== text) field.value = text;
+		}),
+		bind([
+			"clearable",
+			"size",
+			"disabled",
+			"clearAria"
+		], (ctx) => {
+			const own = parts.get(ctx.root);
+			if (own) placeClearButton(ctx, "input", own.trailing, null);
+		})
+	]
+};
+//#endregion
+export { inputTemplate };

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

@@ -0,0 +1,7 @@
+import { InputDescriptor } from '@soxa-ui/setup';
+import type { DescriptorPluginProps } from '@soxa-ui/setup';
+import type { IInput } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+/** Сверх инстанса шаблон читает входы плагинов: `id` поля — проп `TIdPlugin`. */
+export type TInputOutputs = DescriptorPluginProps<typeof InputDescriptor>;
+export declare function setupInput(host: HTMLElement, ctrl: IInput | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IInput, unknown, TInputOutputs>;

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

@@ -0,0 +1,16 @@
+import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { createWebcElevator } from "../../adapter/elevator/factory.js";
+import "../../adapter/elevator/index.js";
+import "../../adapter/index.js";
+import { InputDescriptor, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/input/setup.component.ts
+function setupInput(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, InputDescriptor(), {
+		ctrl,
+		props
+	}).use(TFieldControlExtension, { elevator: createWebcElevator(host) });
+	return useAdapter(adapter, host, onUpdate);
+}
+//#endregion
+export { setupInput };

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

@@ -0,0 +1 @@
+export { setupInputControl } from './setup.component';

package/dist/components/input-control/index.js

@@ -0,0 +1 @@
+import "./setup.component.js";

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

@@ -0,0 +1,4 @@
+import type { IInputControl } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+/** Тип значения сужает наследник: поле ввода — текстом, оценка — числом. */
+export declare function setupInputControl(host: HTMLElement, ctrl: IInputControl<unknown> | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IInputControl<unknown>>;

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

@@ -0,0 +1,2 @@
+import "../../adapter/index.js";
+import "@soxa-ui/setup";

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

@@ -0,0 +1 @@
+export { setupInteractive } from './setup.component';

package/dist/components/interactive/index.js

@@ -0,0 +1 @@
+import "./setup.component.js";

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

@@ -0,0 +1,3 @@
+import type { IInteractive } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+export declare function setupInteractive(host: HTMLElement, ctrl: IInteractive | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IInteractive>;

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

@@ -0,0 +1,2 @@
+import "../../adapter/index.js";
+import "@soxa-ui/setup";

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

@@ -0,0 +1,26 @@
+/**
+ * Строка элемента коллекции — деталь разметки ListBox.Item, опции Select,
+ * пунктов меню и тега: `<div is="so-item-row-div">`, у опции Select —
+ * `<span is="so-item-row-span">`. Свойства, шаблон и разметка — Button
+ * (`buttonTemplate`), сборка своя — по `ItemRowDescriptor`: её экземпляр
+ * (`TItemRow`) роль и остановку Tab себе не пишет, их несёт набор `aria`
+ * элемента, который разметка кладёт на строку.
+ *
+ * Экземпляр создаёт подключение элемента и отпускает его отключение: строка
+ * живёт, пока стоит в документе, и окно `Virtual` держит их столько, сколько
+ * показывает.
+ *
+ * Своего элемента на теге по умолчанию (`<button>`) у строки нет: на кнопке
+ * выключенный элемент терял бы фокус и клик. Только теги строк, под именем с
+ * тегом (AGENTS.md, «Элемент Web Components на другом теге»).
+ */
+import { ItemRowDescriptor } from '@soxa-ui/setup';
+import type { IButton } from '@soxa-ui/core';
+import type { TElementClassOf, TElementOf } from '../../adapter';
+/** `div` — строка элемента ListBox, тега и пункта меню; `span` — строка опции Select. */
+export type TItemRowTag = 'div' | 'span';
+export type TItemRowTagClass<K extends TItemRowTag> = TElementClassOf<new () => HTMLElementTagNameMap[K], typeof ItemRowDescriptor, IButton>;
+/** `<div is="so-item-row-div">`, `<span is="so-item-row-span">` — регистрирует разметка, где тег нужен. */
+export declare function registerItemRowTag<K extends TItemRowTag>(tag: K): TItemRowTagClass<K>;
+/** Строка — на `div` или `span`: своего `disabled` у них нет, и там это свойство пропа. */
+export type TItemRowElementProps<TNative extends HTMLElement> = TElementOf<TNative, typeof ItemRowDescriptor, IButton>;