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

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

@@ -0,0 +1,37 @@
+"use client";
+import { useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useAdapterContext } from "../../../adapter/runtime/useAdapterContext.js";
+import { useRootElement } from "../../../adapter/runtime/useRootElement.js";
+import { MenuCollectionItemDescriptor, MenuSubmenuCollectionDescriptor, MenuSubmenuDescriptor, TCollectionExtension, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/submenu/setup.component.ts
+function useSetupMenuSubmenu(props) {
+	const { contexts: [adapter, item, collectionAdapter], layer } = useAdapterContext((create, elevator) => {
+		const adapter = create(MenuSubmenuDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [
+			adapter,
+			create(MenuCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+				adapter,
+				elevator
+			}),
+			create(MenuSubmenuCollectionDescriptor(), {
+				props,
+				options: {
+					owner: adapter.instance,
+					engine: props.engine
+				}
+			}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator })
+		];
+	});
+	const binding = useCollectionAdapter(useCollectionAdapter(useAdapter(adapter, props), item, props), collectionAdapter, props);
+	return {
+		...binding,
+		context: item.instance.context,
+		rootElement: useRootElement(binding.root),
+		layer
+	};
+}
+//#endregion
+export { useSetupMenuSubmenu };

package/dist/components/number-input/NumberInput.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { NumberInputProps } from './base.component';
+/** NumberInput — поле числа с кнопками шага: docs/agents/patterns.md, «Готовые паттерны». */
+export declare function NumberInput(props: NumberInputProps): ReactElement | null;

package/dist/components/number-input/NumberInput.js

@@ -0,0 +1,108 @@
+"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 { useSetupNumberInput } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/number-input/NumberInput.tsx
+var CloseMark = roleIcon("close");
+var MinusMark = roleIcon("minus");
+var PlusMark = roleIcon("plus");
+/** NumberInput — поле числа с кнопками шага: docs/agents/patterns.md, «Готовые паттерны». */
+function NumberInput(props) {
+	const { ctrl, ref, forwardProps, state, layer } = useSetupNumberInput(props);
+	const clear = useClickAction((event) => {
+		event.stopPropagation();
+		ctrl.clear();
+	});
+	const { rendered, tag, attrs, aria, dataset, id, value, text, name, disabled, readonly, required, placeholder, size, clearable, clearAria, inputAttrs, inputAria, decrementDisabled, incrementDisabled, decrementAria, incrementAria, decrementDataset, incrementDataset } = 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-number-input__leading",
+				children: elevated(layer, renderSlot(props.leading, { ctrl }))
+			}) : null,
+			/* @__PURE__ */ jsx(NativeInput, {
+				type: "text",
+				className: "so-number-input__input",
+				id,
+				placeholder,
+				disabled,
+				readOnly: readonly,
+				required,
+				autoComplete: "off",
+				spellCheck: false,
+				...toAriaProps(inputAttrs),
+				...toAriaProps(aria),
+				...toAriaProps(inputAria),
+				...toControlAttrs(forwardProps),
+				live: { value: text }
+			}),
+			trailing ? /* @__PURE__ */ jsxs("div", {
+				className: "so-number-input__trailing",
+				children: [elevated(layer, renderSlot(props.clear, { clear: ctrl.clear })) ?? (clearable === true ? /* @__PURE__ */ jsx(Button, {
+					embedded: "number-input.clear",
+					type: "button",
+					className: "so-number-input__clear",
+					size,
+					disabled,
+					...toAriaProps(clearAria),
+					ref: clear,
+					children: /* @__PURE__ */ jsx(Icon, {
+						embedded: "number-input.clear-icon",
+						tag: CloseMark,
+						size
+					})
+				}) : null), elevated(layer, renderSlot(props.trailing, { ctrl }))]
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "so-number-input__stepper",
+				children: [/* @__PURE__ */ jsx(Button, {
+					embedded: "number-input.decrement",
+					type: "button",
+					className: "so-number-input__decrement",
+					size,
+					disabled: decrementDisabled,
+					...toAriaProps(decrementAria),
+					...toAriaProps(decrementDataset),
+					children: elevated(layer, renderSlot(props["decrement-icon"])) ?? /* @__PURE__ */ jsx(Icon, {
+						embedded: "number-input.decrement-icon",
+						tag: MinusMark,
+						size
+					})
+				}), /* @__PURE__ */ jsx(Button, {
+					embedded: "number-input.increment",
+					type: "button",
+					className: "so-number-input__increment",
+					size,
+					disabled: incrementDisabled,
+					...toAriaProps(incrementAria),
+					...toAriaProps(incrementDataset),
+					children: elevated(layer, renderSlot(props["increment-icon"])) ?? /* @__PURE__ */ jsx(Icon, {
+						embedded: "number-input.increment-icon",
+						tag: PlusMark,
+						size
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name,
+				value: value === void 0 ? "" : String(value),
+				disabled
+			})
+		]
+	});
+}
+//#endregion
+export { NumberInput };

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

@@ -0,0 +1,7 @@
+import type { INumberInput } from '@soxa-ui/core';
+import type { NumberInputDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, TFieldAttributes, UseDomProps } from '../../types';
+export type NumberInputEventProps = EventProps<typeof NumberInputDescriptor>;
+/** Атрибуты NumberInput: класс и стиль — корню, остальное — вводу `<input>`. */
+export type NumberInputAttributes = TDomAttributes<typeof NumberInputDescriptor, TFieldAttributes>;
+export type NumberInputProps = UseDomProps<typeof NumberInputDescriptor, INumberInput, NumberInputEventProps, TFieldAttributes>;

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

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

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

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

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

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

package/dist/components/pagination/Pagination.d.ts

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

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,80 @@
+"use client";
+import { toAriaProps } from "../../adapter/common/aria.js";
+import { toRootProps } from "../../adapter/common/root.js";
+import { relaySlot, renderSlot } from "../../adapter/common/slots.js";
+import { roleIcon } from "../../adapter/common/icon.js";
+import { useClickAction } from "../../adapter/runtime/useClickAction.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { Button } from "../button/Button.js";
+import { Icon } from "../icon/Icon.js";
+import { PaginationItem } from "./item/Item.js";
+import { useSetupPagination } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pagination/Pagination.tsx
+/** Одна иконка на обе стрелки: роли «влево» нет, стрелку к началу строки зеркалит тема. */
+var Arrow = roleIcon("arrowRight");
+/**
+* Pagination — стрелка «назад», список страниц и пропусков окна, стрелка «вперёд».
+* docs/agents/patterns.md, «Готовые паттерны» (Pagination).
+*/
+function Pagination(props) {
+	const { ctrl, ref, forwardProps, state, layer } = useSetupPagination(props);
+	const prev = useClickAction(() => ctrl.prev());
+	const next = useClickAction(() => ctrl.next());
+	const { rendered, tag, attrs, aria, dataset, size, variant, prevDisabled, nextDisabled, prevAria, nextAria, cells } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsx(tag, {
+		...toRootProps(ref, state, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps),
+		children: /* @__PURE__ */ jsxs(Elevate, {
+			layer,
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					embedded: "pagination.prev",
+					type: "button",
+					className: "so-pagination__prev",
+					size,
+					variant,
+					disabled: prevDisabled,
+					ref: prev,
+					...toAriaProps(prevAria),
+					children: renderSlot(props["prev-icon"]) ?? /* @__PURE__ */ jsx(Icon, {
+						embedded: "pagination.prev-icon",
+						tag: Arrow,
+						size
+					})
+				}),
+				/* @__PURE__ */ jsx("ol", {
+					className: "so-pagination__list",
+					children: cells?.map((cell) => cell.kind === "item" ? /* @__PURE__ */ jsx(PaginationItem, {
+						ctrl: cell.item,
+						children: relaySlot(props.item, { item: cell.item })
+					}, cell.key) : /* @__PURE__ */ jsx("li", {
+						className: "so-pagination__ellipsis",
+						children: "…"
+					}, cell.key))
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					embedded: "pagination.next",
+					type: "button",
+					className: "so-pagination__next",
+					size,
+					variant,
+					disabled: nextDisabled,
+					ref: next,
+					...toAriaProps(nextAria),
+					children: renderSlot(props["next-icon"]) ?? /* @__PURE__ */ jsx(Icon, {
+						embedded: "pagination.next-icon",
+						tag: Arrow,
+						size
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { Pagination };

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

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

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

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

package/dist/components/pagination/item/Item.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationItemProps } from './base.component';
+/** PaginationItem — страница пагинации, внутренняя часть: её рисует только `Pagination`. */
+export declare const PaginationItem: import("react").NamedExoticComponent<PaginationItemProps>;

package/dist/components/pagination/item/Item.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 { useClickAction } from "../../../adapter/runtime/useClickAction.js";
+import { withRenderBoundary } from "../../../adapter/runtime/withRenderBoundary.js";
+import { Button } from "../../button/Button.js";
+import { useSetupPaginationItem } from "./setup.component.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/pagination/item/Item.tsx
+/** PaginationItem — страница пагинации, внутренняя часть: её рисует только `Pagination`. */
+var PaginationItem = withRenderBoundary(function PaginationItem(props) {
+	const { ref, forwardProps, state, context } = useSetupPaginationItem(props);
+	const activate = useClickAction(() => {
+		if (context) context.adapters.activation.active = true;
+	});
+	const { rendered, tag, text, disabled, size, variant, aria, dataset, attrs } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsx(tag, {
+		...toRootProps(ref, state, [attrs, dataset], forwardProps),
+		children: /* @__PURE__ */ jsx(Button, {
+			embedded: "pagination.page",
+			type: "button",
+			disabled,
+			size,
+			variant,
+			ref: activate,
+			...toAriaProps(aria),
+			children: renderSlot(props.children, { text: text ?? "" }) ?? text
+		})
+	});
+});
+//#endregion
+export { PaginationItem };

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

@@ -0,0 +1,5 @@
+import type { IPaginationItem } from '@soxa-ui/core';
+import type { PaginationCollectionItemDescriptor, PaginationItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+export type PaginationItemEventProps = EventProps<typeof PaginationItemDescriptor> & EventProps<typeof PaginationCollectionItemDescriptor>;
+export type PaginationItemProps = UseDomProps<typeof PaginationItemDescriptor, IPaginationItem, PaginationItemEventProps>;

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

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

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

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

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

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

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

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

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

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

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { PopoverProps } from './base.component';
+/**
+ * Popover — панель у триггера (немодальный диалог). Панель — Frame, якорь —
+ * корень значением: AGENTS.md (React), «Корень и `ref` потребителя».
+ */
+export declare function Popover(props: PopoverProps): ReactElement | null;

package/dist/components/popover/Popover.js

@@ -0,0 +1,68 @@
+"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 { useClickAction } from "../../adapter/runtime/useClickAction.js";
+import { Button } from "../button/Button.js";
+import { Icon } from "../icon/Icon.js";
+import { Frame } from "../frame/Frame.js";
+import { useSetupPopover } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/popover/Popover.tsx
+var CloseIcon = roleIcon("close");
+/**
+* Popover — панель у триггера (немодальный диалог). Панель — Frame, якорь —
+* корень значением: AGENTS.md (React), «Корень и `ref` потребителя».
+*/
+function Popover(props) {
+	const { ctrl, ref, forwardProps, state, rootElement } = useSetupPopover(props);
+	const close = useClickAction(() => {
+		ctrl.open = false;
+	});
+	const { rendered, tag, attrs, aria, dataset, open, contained, placement, closable, closeAria, triggerAria, triggerDataset, panelDataset, contentRendered, handleRendered, dismiss_ownerAttribute } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsxs(tag, {
+		...toRootProps(ref, state, [attrs, dataset], forwardProps),
+		children: [renderSlot(props.trigger, {
+			triggerAria: triggerAria ?? {},
+			triggerDataset: triggerDataset ?? {}
+		}), /* @__PURE__ */ jsxs(Frame, {
+			embedded: "popover.frame",
+			className: "so-popover__panel",
+			tabIndex: -1,
+			visible: state.visible && open,
+			contained,
+			strategy: "fixed",
+			anchor_anchor: rootElement,
+			anchor_placement: placement,
+			anchor_offset: 8,
+			...toAriaProps(aria),
+			...toAriaProps(panelDataset),
+			...toAriaProps(dismiss_ownerAttribute),
+			children: [
+				handleRendered ? /* @__PURE__ */ jsx("div", {
+					className: "so-popover__handle",
+					"aria-hidden": "true"
+				}) : null,
+				/* @__PURE__ */ jsx("div", {
+					className: "so-popover__content",
+					children: contentRendered ? renderSlot(props.children) : null
+				}),
+				closable ? /* @__PURE__ */ jsx(Button, {
+					embedded: "popover.close",
+					type: "button",
+					className: "so-popover__close",
+					ref: close,
+					...toAriaProps(closeAria),
+					children: renderSlot(props["close-icon"]) ?? /* @__PURE__ */ jsx(Icon, {
+						embedded: "popover.close-icon",
+						tag: CloseIcon
+					})
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { Popover };

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

@@ -0,0 +1,6 @@
+import type { IPopover } from '@soxa-ui/core';
+import type { PopoverDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type PopoverEventProps = EventProps<typeof PopoverDescriptor>;
+/** Пропсы Popover: атрибуты — корню, обёртке триггера. */
+export type PopoverProps = UseDomProps<typeof PopoverDescriptor, IPopover, PopoverEventProps>;

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

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

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

@@ -0,0 +1,34 @@
+import type { PopoverProps } from './base.component';
+export declare function useSetupPopover(props: PopoverProps): {
+    rootElement: Element | null;
+    ctrl: object & import("@soxa-ui/core").IPopover;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ref: (el: Element | null) => void;
+    bindRef: (el: Element | null) => void;
+    root: import("../../adapter").TRootSource;
+    forwardProps: Partial<PopoverProps>;
+    state: import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPopover, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {
+            dismiss_enabled?: boolean | undefined;
+        } & {} & {} & {} & {};
+        events: object & {
+            "element:removed": () => void;
+            "element:ready": (element: Element) => void;
+        } & {} & {
+            "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+            "dismiss:dismiss": (event: MouseEvent | 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;
+        } & {} & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {
+            readonly dismiss_ownerAttribute: Record<string, string>;
+        } & {} & {} & {} & {};
+    }>>;
+    layer: import("../../adapter").TElevatorLayer;
+};

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

@@ -0,0 +1,17 @@
+"use client";
+import { useComponent } from "../../adapter/runtime/useComponent.js";
+import { useRootElement } from "../../adapter/runtime/useRootElement.js";
+import { PopoverDescriptor } from "@soxa-ui/setup";
+//#region src/components/popover/setup.component.ts
+function useSetupPopover(props) {
+	const binding = useComponent((create) => create(PopoverDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}), props);
+	return {
+		...binding,
+		rootElement: useRootElement(binding.root)
+	};
+}
+//#endregion
+export { useSetupPopover };

package/dist/components/progress-linear/ProgressLinear.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { ProgressLinearProps } from './base.component';
+/**
+ * ProgressLinear — индикатор выполнения линией: корень — дорожка, в нём заливка.
+ * Всё `span`: полосу кладут в `Button` и `Label`, где разрешена только строчная разметка.
+ */
+export declare function ProgressLinear(props: ProgressLinearProps): ReactElement | null;

package/dist/components/progress-linear/ProgressLinear.js

@@ -0,0 +1,24 @@
+"use client";
+import { toRootProps } from "../../adapter/common/root.js";
+import { useSetupProgressLinear } from "./setup.component.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/progress-linear/ProgressLinear.tsx
+/**
+* ProgressLinear — индикатор выполнения линией: корень — дорожка, в нём заливка.
+* Всё `span`: полосу кладут в `Button` и `Label`, где разрешена только строчная разметка.
+*/
+function ProgressLinear(props) {
+	const { ref, forwardProps, state } = useSetupProgressLinear(props);
+	const { rendered, tag, aria, dataset, attrs, percentStyle } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsx(tag, {
+		...toRootProps(ref, state, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps, percentStyle),
+		children: /* @__PURE__ */ jsx("span", { className: "so-progress-linear__range" })
+	});
+}
+//#endregion
+export { ProgressLinear };

package/dist/components/progress-linear/base.component.d.ts

@@ -0,0 +1,5 @@
+import type { IProgressLinear } from '@soxa-ui/core';
+import type { ProgressLinearDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type ProgressLinearEventProps = EventProps<typeof ProgressLinearDescriptor>;
+export type ProgressLinearProps = UseDomProps<typeof ProgressLinearDescriptor, IProgressLinear, ProgressLinearEventProps>;

package/dist/components/progress-linear/index.d.ts

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