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

package/dist/components/progress-spinner/ProgressSpinner.js

@@ -0,0 +1,44 @@
+import { Show } from "../../adapter/runtime/flow.js";
+import { createRootProps } from "../../adapter/common/root.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { setupProgressSpinner } from "./setup.component.js";
+import { createComponent, template } from "solid-js/web";
+//#region src/components/progress-spinner/ProgressSpinner.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg class=so-progress-spinner__ring viewBox="0 0 16 16"aria-hidden=true><circle class=so-progress-spinner__track cx=8 cy=8 r=7></circle><circle class=so-progress-spinner__range cx=8 cy=8 r=7 pathLength=1></circle><circle class=so-progress-spinner__runner cx=8 cy=8 r=7 pathLength=1>`);
+/** Индикатор выполнения кольцом; корень — `span`: кольцо кладут в `Button` и `Label`. */
+function ProgressSpinner(props) {
+	const binding = setupProgressSpinner(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps(),
+		style: state.fractionStyle
+	}));
+	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 _tmpl$();
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { ProgressSpinner };

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

@@ -0,0 +1,6 @@
+import type { IProgressSpinner } from '@soxa-ui/core';
+import type { ProgressSpinnerDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События слоя ProgressSpinner (core + плагины), выведены из дескриптора автоматически. */
+export type ProgressSpinnerEventProps = EventProps<typeof ProgressSpinnerDescriptor>;
+export type ProgressSpinnerProps = UseDomProps<typeof ProgressSpinnerDescriptor, IProgressSpinner, ProgressSpinnerEventProps>;

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

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

package/dist/components/progress-spinner/setup.component.d.ts

@@ -0,0 +1,17 @@
+import type { ProgressSpinnerProps } from './base.component';
+export declare function setupProgressSpinner(props: ProgressSpinnerProps): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IProgressSpinner, {
+    props: object & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    };
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => 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 & {} & {} & {};
+}>, ProgressSpinnerProps>;

package/dist/components/progress-spinner/setup.component.js

@@ -0,0 +1,13 @@
+import { createSolidAdapterContext } from "../../adapter/common/createSolidAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { ProgressSpinnerDescriptor } from "@soxa-ui/setup";
+//#region src/components/progress-spinner/setup.component.ts
+function setupProgressSpinner(props) {
+	const adapter = createSolidAdapterContext(ProgressSpinnerDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	return useAdapter(adapter, props);
+}
+//#endregion
+export { setupProgressSpinner };

package/dist/components/radio-group/RadioGroup.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { RadioGroupProps } from './base.component';
+/** Группа радио: радио — содержимое или `shown`. */
+export declare function RadioGroup(props: RadioGroupProps): JSX.Element;

package/dist/components/radio-group/RadioGroup.js

@@ -0,0 +1,70 @@
+import { relaySlot } from "../../adapter/common/slots.js";
+import { For, Show } from "../../adapter/runtime/flow.js";
+import { ResolvedSlot } from "../../adapter/common/ResolvedSlot.js";
+import { createRootProps } from "../../adapter/common/root.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { RadioGroupItem } from "./item/Item.js";
+import { setupRadioGroup } from "./setup.component.js";
+import { createComponent } from "solid-js/web";
+//#region src/components/radio-group/RadioGroup.tsx
+/** Группа радио: радио — содержимое или `shown`. */
+function RadioGroup(props) {
+	const binding = setupRadioGroup(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	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 createComponent(ResolvedSlot, {
+								get content() {
+									return props.children;
+								},
+								get fallback() {
+									return createComponent(For, {
+										get each() {
+											return state.shown;
+										},
+										children: (item) => createComponent(RadioGroupItem, {
+											ctrl: item,
+											get children() {
+												return relaySlot(props.item, { item });
+											}
+										})
+									});
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { RadioGroup };

package/dist/components/radio-group/base.component.d.ts

@@ -0,0 +1,7 @@
+import type { IRadioGroup } from '@soxa-ui/core';
+import type { RadioGroupCollectionDescriptor, RadioGroupDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События RadioGroup — свои и фасада коллекции. */
+export type RadioGroupEventProps = EventProps<typeof RadioGroupDescriptor> & EventProps<typeof RadioGroupCollectionDescriptor>;
+/** Пропсы RadioGroup; коллекционные входы (`engine`, `items`, `trackBy`) — в `IRadioGroupProps`. */
+export type RadioGroupProps = UseDomProps<typeof RadioGroupDescriptor, IRadioGroup, RadioGroupEventProps>;

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,8 @@
+import { RadioGroup as RadioGroupComponent } from './RadioGroup';
+import { RadioGroupItem } from './item';
+export * from './base.component';
+export { setupRadioGroup } from './setup.component';
+export * from './item';
+export declare const RadioGroup: typeof RadioGroupComponent & {
+    Item: typeof RadioGroupItem;
+};

package/dist/components/radio-group/index.js

@@ -0,0 +1,9 @@
+import "./item/setup.component.js";
+import { RadioGroupItem } from "./item/Item.js";
+import "./setup.component.js";
+import { RadioGroup as RadioGroup$1 } from "./RadioGroup.js";
+import { withParts } from "@soxa-ui/setup";
+//#region src/components/radio-group/index.ts
+var RadioGroup = withParts(RadioGroup$1, { Item: RadioGroupItem });
+//#endregion
+export { RadioGroup };

package/dist/components/radio-group/item/Item.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { RadioGroupItemProps } from './base.component';
+/**
+ * Радио: корень — `label`, внутри нативный `<input type="radio">`, кольцо и подпись.
+ * Поле стоит перед кольцом: кольцо фокуса тема рисует соседним селектором от него.
+ */
+export declare function RadioGroupItem(props: RadioGroupItemProps): JSX.Element;

package/dist/components/radio-group/item/Item.js

@@ -0,0 +1,87 @@
+import { resolveSlot } from "../../../adapter/common/slots.js";
+import { Show } from "../../../adapter/runtime/flow.js";
+import { chainHandler } from "../../../adapter/common/handlers.js";
+import { createPartProps, createRootProps, toControlAttrs, toRootForward } from "../../../adapter/common/root.js";
+import { Root } from "../../../adapter/runtime/Root.js";
+import { setupRadioGroupItem } from "./setup.component.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+//#region src/components/radio-group/item/Item.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<input class=so-radio-group-item__input type=radio>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=so-radio-group-item__control><span class=so-radio-group-item__indicator>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class=so-radio-group-item__text>`);
+/**
+* Радио: корень — `label`, внутри нативный `<input type="radio">`, кольцо и подпись.
+* Поле стоит перед кольцом: кольцо фокуса тема рисует соседним селектором от него.
+*/
+function RadioGroupItem(props) {
+	const binding = setupRadioGroupItem(props);
+	const state = binding.state;
+	const context = binding.context;
+	const root = createRootProps(() => ({
+		state: {
+			classes: state.classes,
+			visible: state.visible
+		},
+		sets: [state.dataset, state.attrs],
+		forward: toRootForward(binding.forwardProps())
+	}));
+	const label = resolveSlot(() => props.children, () => ({ active: state.active ?? false }));
+	const aria = createPartProps(() => state.aria);
+	/** Атрибуты поля — всё от потребителя, кроме класса и стиля; `change` — сначала выбор. */
+	const control = createPartProps(() => {
+		const { onChange, ...attributes } = toControlAttrs(binding.forwardProps());
+		const choose = () => {
+			if (context) context.adapters.activation.active = true;
+		};
+		return {
+			...attributes,
+			onChange: chainHandler(choose, onChange)
+		};
+	});
+	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$();
+							spread(_el$, mergeProps({
+								get name() {
+									return state.name;
+								},
+								get value() {
+									return state.value;
+								},
+								get disabled() {
+									return state.disabled;
+								}
+							}, aria, control, { get checked() {
+								return state.active;
+							} }), false, false);
+							return _el$;
+						})(),
+						_tmpl$2(),
+						(() => {
+							var _el$3 = _tmpl$3();
+							insert(_el$3, label);
+							return _el$3;
+						})()
+					];
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { RadioGroupItem };

package/dist/components/radio-group/item/base.component.d.ts

@@ -0,0 +1,9 @@
+import type { IRadioGroupItem } from '@soxa-ui/core';
+import type { RadioGroupCollectionItemDescriptor, RadioGroupItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, TFieldAttributes, UseDomProps } from '../../../types';
+/** События радио — свои и фасада: отметка и порядок. */
+export type RadioGroupItemEventProps = EventProps<typeof RadioGroupItemDescriptor> & EventProps<typeof RadioGroupCollectionItemDescriptor>;
+/** Атрибуты радио: класс и стиль — корню, остальное — полю `<input type="radio">`. */
+export type RadioGroupItemAttributes = TDomAttributes<typeof RadioGroupItemDescriptor, RadioGroupItemEventProps, TFieldAttributes>;
+/** Пропсы радио; `name`, `size`, `variant` и `view` раздаёт группа — в разметке их не задать. */
+export type RadioGroupItemProps = UseDomProps<typeof RadioGroupItemDescriptor, IRadioGroupItem, RadioGroupItemEventProps, TFieldAttributes>;

package/dist/components/radio-group/item/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupRadioGroupItem } from './setup.component';
+export { RadioGroupItem } from './Item';

package/dist/components/radio-group/item/setup.component.d.ts

@@ -0,0 +1,35 @@
+import type { RadioGroupItemProps } from './base.component';
+export declare function setupRadioGroupItem(props: RadioGroupItemProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IRadioGroupItem, import("@soxa-ui/core").TRadioGroupCollectionExtensions> | undefined;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").IRadioGroupItem;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+    state: import("../../../adapter").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRadioGroupItem, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: 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;
+        };
+        outputs: object & {} & {} & {} & {} & {};
+    }>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TRadioGroupItemCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<RadioGroupItemProps>;
+};

package/dist/components/radio-group/item/setup.component.js

@@ -0,0 +1,24 @@
+import { createSolidAdapterContext } from "../../../adapter/common/createSolidAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../../adapter/elevator/useElevator.js";
+import { RadioGroupCollectionItemDescriptor, RadioGroupItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/radio-group/item/setup.component.ts
+function setupRadioGroupItem(props) {
+	const { elevator } = useElevator();
+	const adapter = createSolidAdapterContext(RadioGroupItemDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	const item = createSolidAdapterContext(RadioGroupCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+		adapter,
+		elevator
+	});
+	const itemBinding = useCollectionAdapter(item, props);
+	const owner = useAdapter(adapter, props);
+	return {
+		...joinBindings(owner, itemBinding),
+		context: item.instance.context
+	};
+}
+//#endregion
+export { setupRadioGroupItem };

package/dist/components/radio-group/setup.component.d.ts

@@ -0,0 +1,35 @@
+import type { RadioGroupProps } from './base.component';
+export declare function setupRadioGroup(props: RadioGroupProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").IRadioGroup;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+    state: import("../../adapter").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRadioGroup, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: 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;
+        } & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    }>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TRadioGroupCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<RadioGroupProps>;
+};

package/dist/components/radio-group/setup.component.js

@@ -0,0 +1,27 @@
+import { createSolidAdapterContext } from "../../adapter/common/createSolidAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../adapter/elevator/useElevator.js";
+import { RadioGroupCollectionDescriptor, RadioGroupDescriptor, TCollectionExtension, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/radio-group/setup.component.ts
+function setupRadioGroup(props) {
+	const { elevator, layer } = useElevator();
+	const adapter = createSolidAdapterContext(RadioGroupDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}).use(TFieldControlExtension, { elevator });
+	const collectionAdapter = createSolidAdapterContext(RadioGroupCollectionDescriptor(), {
+		props,
+		options: {
+			owner: adapter.instance,
+			engine: props.engine
+		}
+	}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator });
+	const collectionBinding = useCollectionAdapter(collectionAdapter, props);
+	const owner = useAdapter(adapter, props);
+	return {
+		...joinBindings(owner, collectionBinding),
+		layer
+	};
+}
+//#endregion
+export { setupRadioGroup };

package/dist/components/rating/Rating.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { RatingProps } from './base.component';
+/**
+ * Оценка звёздами — ползунок с одной ручкой; всё — `span`, оценку кладут в `Label`.
+ * Значок — `svg` роли, а не Icon: иконок по две на звезду, а оценок в списке отзывов десятки.
+ */
+export declare function Rating(props: RatingProps): JSX.Element;

package/dist/components/rating/Rating.js

@@ -0,0 +1,99 @@
+import { resolveSlot } from "../../adapter/common/slots.js";
+import { Index, 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 { Elevate } from "../../adapter/elevator/Elevate.js";
+import { setupRating } from "./setup.component.js";
+import { createComponent, effect, insert, memo, mergeProps, spread, style, template } from "solid-js/web";
+//#region src/components/rating/Rating.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=so-rating__star aria-hidden=true><span class=so-rating__star-fill>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=so-rating__track><span class=so-rating__thumb><input class=so-rating__input type=range min=0>`);
+/** Значок звезды без слота — иконка роли `star`, компонент на роль один на модуль. */
+var STAR = roleIcon("star");
+/**
+* Оценка звёздами — ползунок с одной ручкой; всё — `span`, оценку кладут в `Label`.
+* Значок — `svg` роли, а не Icon: иконок по две на звезду, а оценок в списке отзывов десятки.
+*/
+function Rating(props) {
+	const binding = setupRating(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.attrs, state.dataset],
+		forward: binding.forwardProps()
+	}));
+	const aria = createPartProps(() => state.aria);
+	const value = fieldText(() => state.value === void 0 ? void 0 : String(state.value));
+	function icon(star, filled) {
+		const content = resolveSlot(() => props.icon, () => ({
+			value: star().value,
+			filled
+		}));
+		return memo(() => content() ?? createComponent(STAR, { "class": "so-rating__icon" }));
+	}
+	/** Звезда: пустой слой снизу, залитый — сверху, в обёртке, обрезанной по доле. */
+	function star(entry) {
+		return (() => {
+			var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+			insert(_el$, () => icon(entry, false), _el$2);
+			insert(_el$2, () => icon(entry, true));
+			effect((_$p) => style(_el$, entry().style, _$p));
+			return _el$;
+		})();
+	}
+	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() {
+							var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+							insert(_el$3, createComponent(Index, {
+								get each() {
+									return state.stars;
+								},
+								children: star
+							}), _el$4);
+							spread(_el$5, mergeProps({
+								get max() {
+									return state.max;
+								},
+								get step() {
+									return state.step;
+								},
+								get id() {
+									return state.id;
+								},
+								get name() {
+									return state.name;
+								},
+								get disabled() {
+									return state.disabled;
+								}
+							}, aria, value), false, false);
+							return _el$3;
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Rating };

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

@@ -0,0 +1,7 @@
+import type { IRating } from '@soxa-ui/core';
+import type { RatingDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События слоя Rating (core + плагины), выведены из дескриптора автоматически. */
+export type RatingEventProps = EventProps<typeof RatingDescriptor>;
+/** Атрибуты потребителя — корню: указатель поле не ловит, и обработчик на поле не сработал бы. */
+export type RatingProps = UseDomProps<typeof RatingDescriptor, IRating, RatingEventProps>;

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

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

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

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

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

package/dist/components/scroller/Scroller.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from 'solid-js';
+import type { ScrollerProps } from './base.component';
+/**
+ * Лента в одну строку: кнопка «назад», вьюпорт, кнопка «вперёд».
+ * Кнопки — снаружи вьюпорта: роль ряда (`listbox` у тегов) ложится на вьюпорт, а
+ * листбокс владеет только опциями. Обёртки внутри вьюпорта нет: элементы — его
+ * прямые дети (роль ряда, снап темы, края плагина). `viewportAria` после `tabindex`:
+ * ряд с roving tabindex сам решает, кому быть остановкой. Корень ленты тема не гасит,
+ * поэтому выключенность кнопкам отдаёт разметка (`prevDisabled`, `nextDisabled`).
+ */
+export declare function Scroller(props: ScrollerProps): JSX.Element;