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

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

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

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

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

package/dist/components/toasts/Toasts.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { ToastsProps } from './base.component';
+/**
+ * Toasts — менеджер уведомлений: оборачивает приложение (`children`), регион
+ * тостов — телепортом. AGENTS.md (React), «Teleport» и «Локаль и тосты».
+ */
+export declare function Toasts(props: ToastsProps): ReactElement;

package/dist/components/toasts/Toasts.js

@@ -0,0 +1,43 @@
+"use client";
+import { toRootProps } from "../../adapter/common/root.js";
+import { relaySlot, renderSlot } from "../../adapter/common/slots.js";
+import { Teleport } from "../../adapter/runtime/Teleport.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { ToastsItem } from "./item/Item.js";
+import { useSetupToasts } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/toasts/Toasts.tsx
+/**
+* Toasts — менеджер уведомлений: оборачивает приложение (`children`), регион
+* тостов — телепортом. AGENTS.md (React), «Teleport» и «Локаль и тосты».
+*/
+function Toasts(props) {
+	const { ref, forwardProps, state, layer } = useSetupToasts(props);
+	const { rendered, tag, target, attrs, aria, dataset, shown } = state;
+	const Tag = tag;
+	return /* @__PURE__ */ jsxs(Elevate, {
+		layer,
+		children: [renderSlot(props.children), rendered ? /* @__PURE__ */ jsx(Teleport, {
+			to: target,
+			children: /* @__PURE__ */ jsx(Tag, {
+				...toRootProps(ref, state, [
+					attrs,
+					aria,
+					dataset
+				], forwardProps),
+				children: /* @__PURE__ */ jsx("ol", {
+					className: "so-toasts__list",
+					children: shown?.map((item) => /* @__PURE__ */ jsx(ToastsItem, {
+						ctrl: item,
+						icon: relaySlot(props["item-icon"], { item }),
+						content: renderSlot(props["item-content"], { item }),
+						"close-icon": renderSlot(props["item-close-icon"], { item }),
+						children: relaySlot(props.item, { item })
+					}, item.uid))
+				})
+			})
+		}) : null]
+	});
+}
+//#endregion
+export { Toasts };

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

@@ -0,0 +1,7 @@
+import type { IToasts } from '@soxa-ui/core';
+import type { ToastsCollectionDescriptor, ToastsDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События Toasts — свои и фасада коллекции. */
+export type ToastsEventProps = EventProps<typeof ToastsDescriptor> & EventProps<typeof ToastsCollectionDescriptor>;
+/** Пропсы Toasts: атрибуты — региону, приложение в `children` обёртки не получает. */
+export type ToastsProps = UseDomProps<typeof ToastsDescriptor, IToasts, ToastsEventProps>;

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

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

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

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

package/dist/components/toasts/item/Item.js

@@ -0,0 +1,88 @@
+"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 { withRenderBoundary } from "../../../adapter/runtime/withRenderBoundary.js";
+import { isToastRender } from "../../../adapter/toasts/render.js";
+import { Button } from "../../button/Button.js";
+import { Icon } from "../../icon/Icon.js";
+import { ProgressSpinner } from "../../progress-spinner/ProgressSpinner.js";
+import { useSetupToastsItem } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/toasts/item/Item.tsx
+/** Значок вида — своя роль у каждого: в принудительных цветах вид различает только глиф. */
+var TYPE_ICONS = {
+	info: roleIcon("info"),
+	success: roleIcon("success"),
+	warning: roleIcon("warning"),
+	error: roleIcon("error")
+};
+var NOTIFICATION = roleIcon("notification");
+var CLOSE = roleIcon("close");
+/** ToastsItem — тост, внутренняя часть менеджера: рисует только регион `Toasts`. */
+var ToastsItem = withRenderBoundary(function ToastsItem(props) {
+	const { ctrl, ref, forwardProps, state } = useSetupToastsItem(props);
+	const close = useClickAction(() => ctrl.close());
+	const { rendered, tag, attrs, aria, dataset, classes, visible, order, type, loading, text, description, closable, closeAria, render } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const Render = isToastRender(render) ? render : void 0;
+	return /* @__PURE__ */ jsx(Tag, {
+		...toRootProps(ref, {
+			classes,
+			visible
+		}, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps, order === void 0 ? void 0 : { "--so-toasts-depth": order }),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "so-toasts-item__card",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "so-toasts-item__icon",
+					"aria-hidden": "true",
+					children: loading ? /* @__PURE__ */ jsx(ProgressSpinner, {
+						embedded: "toasts.spinner",
+						indeterminate: true
+					}) : renderSlot(props.icon, { type }) ?? /* @__PURE__ */ jsx(Icon, {
+						embedded: "toasts.icon",
+						tag: type ? TYPE_ICONS[type] : NOTIFICATION
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "so-toasts-item__body",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "so-toasts-item__text",
+							children: renderSlot(props.children, { text: text ?? "" }) ?? text
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "so-toasts-item__description",
+							children: description
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "so-toasts-item__content",
+							children: renderSlot(props.content) ?? (Render ? /* @__PURE__ */ jsx(Render, { toast: ctrl }) : null)
+						})
+					]
+				}),
+				closable ? /* @__PURE__ */ jsx(Button, {
+					embedded: "toasts.close",
+					type: "button",
+					className: "so-toasts-item__close",
+					ref: close,
+					...toAriaProps(closeAria),
+					children: renderSlot(props["close-icon"]) ?? /* @__PURE__ */ jsx(Icon, {
+						embedded: "toasts.close-icon",
+						tag: CLOSE
+					})
+				}) : null
+			]
+		})
+	});
+});
+//#endregion
+export { ToastsItem };

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

@@ -0,0 +1,6 @@
+import type { IToastsItem } from '@soxa-ui/core';
+import type { ToastsCollectionItemDescriptor, ToastsItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+/** События тоста — свои и фасада. */
+export type ToastsItemEventProps = EventProps<typeof ToastsItemDescriptor> & EventProps<typeof ToastsCollectionItemDescriptor>;
+export type ToastsItemProps = UseDomProps<typeof ToastsItemDescriptor, IToastsItem, ToastsItemEventProps>;

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

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

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

@@ -0,0 +1,13 @@
+import type { ToastsItemProps } from './base.component';
+export declare function useSetupToastsItem(props: ToastsItemProps): import("../../../adapter").TCollectionBinding<import("../../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents>, {
+    props: object & {} & {} & {} & {};
+    events: object & {
+        "element:removed": () => void;
+        "element:ready": (element: Element) => void;
+    } & {} & {} & {};
+    outputs: object & {} & {} & {} & {};
+}>, ToastsItemProps>, import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TToastsItemCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>, ToastsItemProps>;

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

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

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

@@ -0,0 +1,13 @@
+import type { ToastsProps } from './base.component';
+export declare function useSetupToasts(props: ToastsProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ref: (el: Element | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").IToasts<import("@soxa-ui/core").IToastsProps, import("@soxa-ui/core").TToastsEvents>;
+    root: import("../../adapter").TRootSource;
+    forwardProps: Partial<ToastsProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").IToasts<import("@soxa-ui/core").IToastsProps, import("@soxa-ui/core").TToastsEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    } & {}> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TToastsCollectionFacade> & object;
+};

package/dist/components/toasts/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 { TCollectionExtension, TToastsApiExtension, ToastsCollectionDescriptor, ToastsDescriptor } from "@soxa-ui/setup";
+//#region src/components/toasts/setup.component.ts
+function useSetupToasts(props) {
+	const { contexts: [adapter, collectionAdapter], layer } = useAdapterContext((create, elevator) => {
+		const adapter = create(ToastsDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [adapter, create(ToastsCollectionDescriptor(), {
+			props,
+			options: {
+				owner: adapter.instance,
+				engine: props.engine
+			}
+		}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator }).use(TToastsApiExtension, { elevator })];
+	});
+	return {
+		...useCollectionAdapter(useAdapter(adapter, props), collectionAdapter, props),
+		layer
+	};
+}
+//#endregion
+export { useSetupToasts };

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { TooltipProps } from './base.component';
+/** Tooltip — подсказка у триггера; панель — Frame, якорь — корень значением, как у Popover. */
+export declare function Tooltip(props: TooltipProps): ReactElement | null;

package/dist/components/tooltip/Tooltip.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 { Frame } from "../frame/Frame.js";
+import { useSetupTooltip } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/tooltip/Tooltip.tsx
+/** Tooltip — подсказка у триггера; панель — Frame, якорь — корень значением, как у Popover. */
+function Tooltip(props) {
+	const { ref, forwardProps, state, rootElement } = useSetupTooltip(props);
+	const { rendered, tag, attrs, aria, dataset, open, placement, triggerAria, dismiss_ownerAttribute } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsxs(tag, {
+		...toRootProps(ref, state, [attrs, dataset], forwardProps),
+		children: [renderSlot(props.trigger, { triggerAria: triggerAria ?? {} }), /* @__PURE__ */ jsx(Frame, {
+			embedded: "tooltip.frame",
+			className: "so-tooltip__panel",
+			visible: state.visible && open,
+			strategy: "fixed",
+			anchor_anchor: rootElement,
+			anchor_placement: placement,
+			anchor_offset: 6,
+			...toAriaProps(aria),
+			...toAriaProps(dismiss_ownerAttribute),
+			children: /* @__PURE__ */ jsx("div", {
+				className: "so-tooltip__content",
+				children: renderSlot(props.children)
+			})
+		})]
+	});
+}
+//#endregion
+export { Tooltip };

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

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

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

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

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

@@ -0,0 +1,26 @@
+import type { TooltipProps } from './base.component';
+export declare function useSetupTooltip(props: TooltipProps): {
+    rootElement: Element | null;
+    ctrl: object & import("@soxa-ui/core").ITooltip;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ref: (el: Element | null) => void;
+    bindRef: (el: Element | null) => void;
+    root: import("../../adapter").TRootSource;
+    forwardProps: Partial<TooltipProps>;
+    state: import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITooltip, {
+        props: object & {} & {} & {
+            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;
+        } & {} & {};
+        outputs: object & {} & {} & {
+            readonly dismiss_ownerAttribute: Record<string, string>;
+        } & {} & {};
+    }>>;
+    layer: import("../../adapter").TElevatorLayer;
+};

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import type { ValueControlProps } from './base.component';
+export declare function useSetupValueControl(props: ValueControlProps): import("../../adapter").TComponentBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IValueControl<unknown, import("@soxa-ui/core").IValueControlProps<unknown>, import("@soxa-ui/core").TValueControlEvents<unknown>>, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    };
+    events: object & {
+        "element:removed": () => void;
+        "element:ready": (element: Element) => void;
+    } & {} & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {
+        "action:blur": (event: FocusEvent) => void;
+        "action:click": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+    };
+    outputs: object & {} & {} & {} & {};
+}>, ValueControlProps>;

package/dist/components/virtual/Virtual.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { VirtualProps } from './base.component';
+/** Virtual — окно для длинных списков; своего узла нет, только слой лифта. */
+export declare function Virtual(props: VirtualProps): ReactElement;

package/dist/components/virtual/Virtual.js

@@ -0,0 +1,16 @@
+"use client";
+import { renderSlot } from "../../adapter/common/slots.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { useSetupVirtual } from "./setup.component.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/virtual/Virtual.tsx
+/** Virtual — окно для длинных списков; своего узла нет, только слой лифта. */
+function Virtual(props) {
+	const { layer } = useSetupVirtual(props);
+	return /* @__PURE__ */ jsx(Elevate, {
+		layer,
+		children: renderSlot(props.children)
+	});
+}
+//#endregion
+export { Virtual };

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

@@ -0,0 +1,6 @@
+import type { IVirtual } from '@soxa-ui/core';
+import type { VirtualDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+export type VirtualEventProps = EventProps<typeof VirtualDescriptor>;
+/** Пропсы Virtual — без атрибутов DOM: своего узла у обёртки нет. */
+export type VirtualProps = UseProps<typeof VirtualDescriptor, IVirtual, VirtualEventProps>;

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

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

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

@@ -0,0 +1,6 @@
+import type { VirtualProps } from './base.component';
+export declare function useSetupVirtual(props: VirtualProps): import("../../adapter").TComponentBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IVirtual, {
+    props: object;
+    events: object;
+    outputs: object;
+}>, VirtualProps>;

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

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

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/** Application API. Assembly helpers stay inside the adapter. */
+export { ComponentView, Button, Icon, Label, Field, Frame, Popover, Tooltip, Menu, MenuItem, MenuCheckboxItem, MenuRadioItem, MenuSubmenu, MenuPopoverItem, MenuGroup, MenuRadioGroup, MenuSeparator, Dialog, Drawer, Toasts, ProgressLinear, ProgressSpinner, Skeleton, Input, NumberInput, Textarea, CheckBox, Switch, RadioGroup, RadioGroupItem, Slider, Rating, DateInput, Calendar, CalendarItem, DatePicker, ListBox, ListBoxItem, ListBoxGroup, Tags, TagsItem, Select, SelectItem, SelectGroup, Tabs, TabsItem, TabsContent, Accordion, AccordionItem, Pagination, Scroller, Table, TableColumn, TableRow, Virtual, DragAndDrop, } from './components';
+export type { ComponentEventProps, ComponentProps, ComponentViewEventProps, ComponentViewProps, StylableEventProps, StylableProps, InteractiveEventProps, InteractiveProps, ControlEventProps, ControlProps, ValueControlEventProps, ValueControlProps, InputControlEventProps, InputControlProps, TextableEventProps, TextableProps, ButtonEventProps, ButtonProps, IconEventProps, IconProps, LabelEventProps, LabelProps, FieldEventProps, FieldProps, FrameEventProps, FrameProps, PopoverEventProps, PopoverProps, TooltipEventProps, TooltipProps, MenuEventProps, MenuProps, MenuItemEventProps, MenuItemAttributes, MenuItemProps, MenuCheckboxItemEventProps, MenuCheckboxItemAttributes, MenuCheckboxItemProps, MenuRadioItemEventProps, MenuRadioItemAttributes, MenuRadioItemProps, MenuSubmenuEventProps, MenuSubmenuAttributes, MenuSubmenuProps, MenuPopoverItemEventProps, MenuPopoverItemAttributes, MenuPopoverItemProps, MenuGroupEventProps, MenuGroupProps, MenuRadioGroupEventProps, MenuRadioGroupProps, MenuSeparatorEventProps, MenuSeparatorProps, DialogEventProps, DialogProps, DrawerEventProps, DrawerProps, ToastsEventProps, ToastsProps, ProgressLinearEventProps, ProgressLinearProps, ProgressSpinnerEventProps, ProgressSpinnerProps, SkeletonEventProps, SkeletonProps, InputEventProps, InputAttributes, InputProps, NumberInputEventProps, NumberInputAttributes, NumberInputProps, TextareaEventProps, TextareaAttributes, TextareaProps, CheckBoxEventProps, CheckBoxAttributes, CheckBoxProps, SwitchEventProps, SwitchAttributes, SwitchProps, RadioGroupEventProps, RadioGroupProps, RadioGroupItemEventProps, RadioGroupItemAttributes, RadioGroupItemProps, SliderEventProps, SliderProps, RatingEventProps, RatingProps, DateInputEventProps, DateInputProps, CalendarEventProps, CalendarProps, CalendarItemEventProps, CalendarItemProps, DatePickerEventProps, DatePickerProps, ListBoxEventProps, ListBoxAttributes, ListBoxProps, ListBoxItemEventProps, ListBoxItemAttributes, ListBoxItemProps, ListBoxGroupEventProps, ListBoxGroupProps, TagsEventProps, TagsProps, TagsItemEventProps, TagsItemAttributes, TagsItemProps, SelectEventProps, SelectAttributes, SelectProps, SelectItemEventProps, SelectItemAttributes, SelectItemProps, SelectGroupEventProps, SelectGroupProps, TabsEventProps, TabsAttributes, TabsProps, TabsItemEventProps, TabsItemAttributes, TabsItemProps, TabsContentEventProps, TabsContentProps, AccordionEventProps, AccordionProps, AccordionItemEventProps, AccordionItemAttributes, AccordionItemProps, PaginationEventProps, PaginationProps, ScrollerEventProps, ScrollerProps, TableEventProps, TableProps, TableColumnEventProps, TableColumnProps, TableRowEventProps, TableRowProps, VirtualEventProps, VirtualProps, DragAndDropEventProps, DragAndDropProps, } from './components';
+export { roleIcon } from './adapter/common';
+export { LocaleProvider } from './adapter/locale';
+export { useToasts } from './adapter/toasts';
+export type { TToastRender } from './adapter/toasts';
+export type { TLocaleProviderProps } from './adapter/locale';
+export type { TRoleIconProps } from './adapter/common';
+export type { TConsumerRef } from './adapter/runtime';

package/dist/index.js

@@ -0,0 +1,60 @@
+import { roleIcon } from "./adapter/common/icon.js";
+import { LocaleProvider } from "./adapter/locale/LocaleProvider.js";
+import { useToasts } from "./adapter/toasts/useToasts.js";
+import { ComponentView } from "./components/component-view/ComponentView.js";
+import { Button } from "./components/button/Button.js";
+import { Icon } from "./components/icon/Icon.js";
+import { Label } from "./components/label/Label.js";
+import { Field } from "./components/field/Field.js";
+import { Frame } from "./components/frame/Frame.js";
+import { Popover } from "./components/popover/Popover.js";
+import { Tooltip } from "./components/tooltip/Tooltip.js";
+import { MenuGroup } from "./components/menu/group/Group.js";
+import { MenuItem } from "./components/menu/item/Item.js";
+import { MenuSeparator } from "./components/menu/separator/Separator.js";
+import { MenuSubmenu } from "./components/menu/submenu/Submenu.js";
+import { MenuCheckboxItem } from "./components/menu/checkbox-item/CheckboxItem.js";
+import { MenuRadioItem } from "./components/menu/radio-item/RadioItem.js";
+import { MenuPopoverItem } from "./components/menu/popover-item/PopoverItem.js";
+import { MenuRadioGroup } from "./components/menu/radio-group/RadioGroup.js";
+import { Menu } from "./components/menu/index.js";
+import { Dialog } from "./components/dialog/Dialog.js";
+import { Drawer } from "./components/drawer/Drawer.js";
+import { ProgressSpinner } from "./components/progress-spinner/ProgressSpinner.js";
+import { Toasts } from "./components/toasts/Toasts.js";
+import { ProgressLinear } from "./components/progress-linear/ProgressLinear.js";
+import { Skeleton } from "./components/skeleton/Skeleton.js";
+import { Input } from "./components/input/Input.js";
+import { NumberInput } from "./components/number-input/NumberInput.js";
+import { Textarea } from "./components/textarea/Textarea.js";
+import { CheckBox } from "./components/check-box/CheckBox.js";
+import { Switch } from "./components/switch/Switch.js";
+import { RadioGroupItem } from "./components/radio-group/item/Item.js";
+import { RadioGroup } from "./components/radio-group/index.js";
+import { Slider } from "./components/slider/Slider.js";
+import { Rating } from "./components/rating/Rating.js";
+import { DateInput } from "./components/date-input/DateInput.js";
+import { ListBoxItem } from "./components/list-box/item/Item.js";
+import { ListBoxGroup } from "./components/list-box/group/Group.js";
+import { ListBox } from "./components/list-box/index.js";
+import { CalendarItem } from "./components/calendar/item/Item.js";
+import { Calendar } from "./components/calendar/index.js";
+import { DatePicker } from "./components/date-picker/DatePicker.js";
+import { TagsItem } from "./components/tags/item/Item.js";
+import { Tags } from "./components/tags/index.js";
+import { SelectItem } from "./components/select/item/Item.js";
+import { SelectGroup } from "./components/select/group/Group.js";
+import { Select } from "./components/select/index.js";
+import { TabsItem } from "./components/tabs/item/Item.js";
+import { TabsContent } from "./components/tabs/content/Content.js";
+import { Tabs } from "./components/tabs/index.js";
+import { AccordionItem } from "./components/accordion/item/Item.js";
+import { Accordion } from "./components/accordion/index.js";
+import { Pagination } from "./components/pagination/Pagination.js";
+import { Scroller } from "./components/scroller/Scroller.js";
+import { TableColumn } from "./components/table/column/Column.js";
+import { TableRow } from "./components/table/row/Row.js";
+import { Table } from "./components/table/index.js";
+import { Virtual } from "./components/virtual/Virtual.js";
+import { DragAndDrop } from "./components/drag-and-drop/DragAndDrop.js";
+export { Accordion, AccordionItem, Button, Calendar, CalendarItem, CheckBox, ComponentView, DateInput, DatePicker, Dialog, DragAndDrop, Drawer, Field, Frame, Icon, Input, Label, ListBox, ListBoxGroup, ListBoxItem, LocaleProvider, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuPopoverItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, NumberInput, Pagination, Popover, ProgressLinear, ProgressSpinner, RadioGroup, RadioGroupItem, Rating, Scroller, Select, SelectGroup, SelectItem, Skeleton, Slider, Switch, Table, TableColumn, TableRow, Tabs, TabsContent, TabsItem, Tags, TagsItem, Textarea, Toasts, Tooltip, Virtual, roleIcon, useToasts };

package/dist/types.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
+import type { IEntity } from '@soxa-ui/core';
+import type { IComponentDescriptor, DescriptorAllProps, DescriptorCallbackEvents, DescriptorComponentProps, DescriptorSlots, TContractOf, TSlotProps } from '@soxa-ui/setup';
+import type { TConsumerRef } from './adapter';
+/** Событийные пропсы компонента из дескриптора (core + плагины). */
+export type EventProps<TDescriptorFn extends (...args: any[]) => IComponentDescriptor> = DescriptorCallbackEvents<TDescriptorFn>;
+/** Слоты из дескриптора: `default` — `children`; слот со scope принимает и функцию. */
+export type SlotProps<TDescriptorFn extends (...args: any[]) => IComponentDescriptor> = TSlotProps<DescriptorSlots<TDescriptorFn>, ReactNode>;
+/** Props headless-компонента: core props + события + слоты + служебные поля. */
+export type UseProps<TDescriptorFn extends (...args: any[]) => IComponentDescriptor, TInstance extends IEntity = IEntity, TEvents extends object = EventProps<TDescriptorFn>> = DescriptorComponentProps<TDescriptorFn, TInstance> & TEvents & SlotProps<TDescriptorFn>;
+/**
+ * HTML-атрибуты DOM-компонента без входов, событий, слотов и защищённых
+ * пропсов дескриптора, без `children`; `ref` — к корню. AGENTS.md (React),
+ * «Типы пропсов».
+ */
+export type TDomAttributes<TDescriptorFn extends (...args: any[]) => IComponentDescriptor, TAttributes extends object = HTMLAttributes<HTMLElement>, TEvents extends object = EventProps<TDescriptorFn>> = Omit<TAttributes, 'children' | 'ref' | keyof DescriptorAllProps<TDescriptorFn> | TContractOf<TDescriptorFn>['protectedName'] | keyof SlotProps<TDescriptorFn> | keyof TEvents> & {
+    /** Корень компонента — узел, на который ложатся класс и атрибуты потребителя. */
+    ref?: TConsumerRef;
+};
+/** Атрибуты `<input>` полей без того, что поле ведёт само. */
+export type TFieldAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'defaultValue' | 'readOnly'>;
+/** Атрибуты `<textarea>` без того, что поле ведёт само. */
+export type TTextareaAttributes = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'defaultValue' | 'dangerouslySetInnerHTML' | 'readOnly' | 'maxLength'>;
+/** Props DOM-компонента: `UseProps` и атрибуты корня (`TDomAttributes`). */
+export type UseDomProps<TDescriptorFn extends (...args: any[]) => IComponentDescriptor, TInstance extends IEntity = IEntity, TEvents extends object = EventProps<TDescriptorFn>, TAttributes extends object = HTMLAttributes<HTMLElement>> = UseProps<TDescriptorFn, TInstance, TEvents> & TDomAttributes<TDescriptorFn, TAttributes, TEvents>;