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

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

@@ -0,0 +1,94 @@
+import { renderSlot, resolveSlot } from "../../../adapter/common/slots.js";
+import { Show } from "../../../adapter/runtime/flow.js";
+import { clickAction } from "../../../adapter/common/click-action.js";
+import { createRootProps, toControlAttrs, toRootForward } from "../../../adapter/common/root.js";
+import { roleIcon } from "../../../adapter/common/icon.js";
+import { Root } from "../../../adapter/runtime/Root.js";
+import { Icon } from "../../icon/Icon.js";
+import { ItemRow } from "../../item-row/ItemRow.js";
+import { setupSelectItem } from "./setup.component.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+//#region src/components/select/item/Item.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=so-select-item__indicator aria-hidden=true>`);
+/** Отметка без слота — иконка из пакета по роли, компонент на роль один на модуль. */
+var CHECK = roleIcon("check");
+/**
+* Опция: строка — `ItemRow` на `span` с наборами `aria` и `dataset` опции
+* (`tabindex="-1"` от `TSelectExtension` — фокус остаётся на поле), выбор — клик по строке, как у
+* ListBox: сначала выбор, затем клик потребителя. Обёртка
+* отметки — и у невыбранной: держит место, и строка не прыгает при выборе.
+*/
+function SelectItem(props) {
+	const binding = setupSelectItem(props);
+	const state = binding.state;
+	const context = binding.context;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.dataset, state.attrs],
+		forward: toRootForward(binding.forwardProps())
+	}));
+	const content = resolveSlot(() => props.children, () => ({
+		text: state.text ?? "",
+		selected: state.selected ?? false
+	}));
+	const indicatorIcon = resolveSlot(() => props["indicator-icon"], () => ({ selected: state.selected ?? false }));
+	/** The row's attributes: all of the consumer's but the class and the style. */
+	const row = () => toControlAttrs(binding.forwardProps());
+	const choose = clickAction(() => context?.adapters.select.choose());
+	const mark = () => (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, () => indicatorIcon() ?? (state.selected ? createComponent(Icon, {
+			embedded: "select.indicator",
+			tag: CHECK,
+			get size() {
+				return state.size;
+			}
+		}) : null));
+		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(ItemRow, mergeProps({
+						embedded: "select.row",
+						tag: "span",
+						get size() {
+							return state.size;
+						},
+						get variant() {
+							return state.variant;
+						},
+						get disabled() {
+							return state.disabled;
+						}
+					}, () => state.aria, () => state.dataset, row, {
+						ref: choose,
+						get leading() {
+							return [memo(() => memo(() => state.indicator === "start")() ? mark() : null), memo(() => renderSlot(props.leading))];
+						},
+						get trailing() {
+							return [memo(() => renderSlot(props.trailing)), memo(() => memo(() => state.indicator === "end")() ? mark() : null)];
+						},
+						get children() {
+							return content() ?? state.text;
+						}
+					}));
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { SelectItem };

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

@@ -0,0 +1,9 @@
+import type { ISelectItem } from '@soxa-ui/core';
+import type { SelectCollectionItemDescriptor, SelectItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../../types';
+/** События опции — свои (ядро и плагины) и фасада: выбор, порядок, сторона отметки. */
+export type SelectItemEventProps = EventProps<typeof SelectItemDescriptor> & EventProps<typeof SelectCollectionItemDescriptor>;
+/** Атрибуты опции: класс и стиль — корню, остальное — строке с `role="option"`. */
+export type SelectItemAttributes = TDomAttributes<typeof SelectItemDescriptor, SelectItemEventProps>;
+/** Пропсы опции; членство в коллекции (`selected`) несёт интерфейс ядра. */
+export type SelectItemProps = UseDomProps<typeof SelectItemDescriptor, ISelectItem, SelectItemEventProps>;

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

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

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

@@ -0,0 +1,41 @@
+import type { SelectItemProps } from './base.component';
+export declare function setupSelectItem(props: SelectItemProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").ISelectItem<import("@soxa-ui/core").ISelectItemProps, import("@soxa-ui/core").TSelectItemEvents>, import("@soxa-ui/core").TSelectCollectionExtensions> | undefined;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").ISelectItem<import("@soxa-ui/core").ISelectItemProps, import("@soxa-ui/core").TSelectItemEvents>;
+    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").ISelectItem<import("@soxa-ui/core").ISelectItemProps, import("@soxa-ui/core").TSelectItemEvents>, {
+        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 & {} & {} & {} & {} & {} & {
+            readonly listItem_highlighted: boolean;
+        } & {};
+    }>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TSelectItemCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<SelectItemProps>;
+};

package/dist/components/select/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 { SelectCollectionItemDescriptor, SelectItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/select/item/setup.component.ts
+function setupSelectItem(props) {
+	const { elevator } = useElevator();
+	const adapter = createSolidAdapterContext(SelectItemDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	const item = createSolidAdapterContext(SelectCollectionItemDescriptor(), { 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 { setupSelectItem };

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

@@ -0,0 +1,55 @@
+import type { SelectProps } from './base.component';
+export declare function setupSelect(props: SelectProps): {
+    field: import("@soxa-ui/core").IInput;
+    layer: import("../../adapter").TElevatorLayer;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").ISelect<import("@soxa-ui/core").ISelectProps, import("@soxa-ui/core").TSelectEvents>;
+    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").ISelect<import("@soxa-ui/core").ISelectProps, import("@soxa-ui/core").TSelectEvents>, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {
+            id?: string | undefined;
+        } & {} & {} & {} & {} & {} & {} & {
+            dismiss_enabled?: boolean | 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;
+        } & {
+            "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+            "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        } & {} & {} & {} & {} & {} & {} & {
+            "keyboard:change:highlight": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").THighlightPayload>) => void;
+        } & {
+            "editable:change:query": (payload: import("@soxa-ui/core").TValuePayload<string>) => void;
+        } & {} & {};
+        outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {
+            readonly dismiss_ownerAttribute: Record<string, string>;
+        } & {} & {
+            readonly keyboard_highlightedUid: string | number | null;
+        } & {
+            readonly editable_query: string;
+        } & {} & {};
+    }>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TSelectCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<SelectProps>;
+};

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

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

package/dist/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { SkeletonProps } from './base.component';
+/**
+ * Заглушка поверх будущего содержимого. Корень есть всегда: `rendered` и `visible`
+ * решают только, показана ли заглушка (`present`), — в раскладку корня их нет.
+ */
+export declare function Skeleton(props: SkeletonProps): JSX.Element;

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,46 @@
+import { renderSlot } from "../../adapter/common/slots.js";
+import { Show } from "../../adapter/runtime/flow.js";
+import { createRootProps } from "../../adapter/common/root.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { setupSkeleton } from "./setup.component.js";
+import { createComponent, memo, template } from "solid-js/web";
+//#region src/components/skeleton/Skeleton.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class=so-skeleton__placeholder aria-hidden=true>`);
+/**
+* Заглушка поверх будущего содержимого. Корень есть всегда: `rendered` и `visible`
+* решают только, показана ли заглушка (`present`), — в раскладку корня их нет.
+*/
+function Skeleton(props) {
+	const binding = setupSkeleton(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state: {
+			classes: state.classes,
+			layout_styles: state.layout_styles
+		},
+		sets: [state.attrs, state.aria],
+		forward: binding.forwardProps()
+	}));
+	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(Show, {
+				get when() {
+					return state.present;
+				},
+				get children() {
+					return _tmpl$();
+				}
+			}), memo(() => renderSlot(props.children))];
+		}
+	});
+}
+//#endregion
+export { Skeleton };

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

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

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

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

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

@@ -0,0 +1,11 @@
+import type { SkeletonProps } from './base.component';
+export declare function setupSkeleton(props: SkeletonProps): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ISkeleton, {
+    props: object & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {};
+    outputs: object & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    };
+}>, SkeletonProps>;

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

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

package/dist/components/slider/Slider.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { SliderProps } from './base.component';
+/**
+ * Ползунок: ручки на рельсе, заливка и метки; всё — `span`, ползунок кладут в `Label`.
+ * Дорожку, ручку и поле плагины ищут только прямыми детьми (`slide/parts.ts`).
+ */
+export declare function Slider(props: SliderProps): JSX.Element;

package/dist/components/slider/Slider.js

@@ -0,0 +1,149 @@
+import { resolveSlot } from "../../adapter/common/slots.js";
+import { Index, Show } from "../../adapter/runtime/flow.js";
+import { createPartProps, createRootProps } from "../../adapter/common/root.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { fieldText } from "../../adapter/runtime/field-text.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { setupSlider } from "./setup.component.js";
+import { createComponent, effect, insert, mergeProps, spread, style, template } from "solid-js/web";
+//#region src/components/slider/Slider.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=so-slider__mark><span class=so-slider__mark-label>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=so-slider__tooltip aria-hidden=true>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class=so-slider__thumb><input class=so-slider__input type=range>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class=so-slider__marks aria-hidden=true>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<span class=so-slider__track><span class=so-slider__range>`);
+/**
+* Ползунок: ручки на рельсе, заливка и метки; всё — `span`, ползунок кладут в `Label`.
+* Дорожку, ручку и поле плагины ищут только прямыми детьми (`slide/parts.ts`).
+*/
+function Slider(props) {
+	const binding = setupSlider(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.rootAria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	/** Метка; пустую подпись тема прячет по `:empty`. */
+	function mark(entry) {
+		const dataset = createPartProps(() => entry().dataset);
+		const label = resolveSlot(() => props.mark, () => ({
+			value: entry().value,
+			label: entry().label
+		}));
+		return (() => {
+			var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+			spread(_el$, mergeProps({ get style() {
+				return entry().style;
+			} }, dataset), false, true);
+			insert(_el$2, () => label() ?? entry().label);
+			return _el$;
+		})();
+	}
+	/** Подсказка — внутри ручки, едет за ней; под `aria-hidden`: значение объявляет поле. */
+	function tooltip(entry, index) {
+		const content = resolveSlot(() => props.thumb, () => ({
+			value: entry().value,
+			index
+		}));
+		return (() => {
+			var _el$3 = _tmpl$2();
+			insert(_el$3, () => content() ?? entry().value);
+			return _el$3;
+		})();
+	}
+	/** Ручка с нативным `range`: набор поля ядро отдаёт целиком (`aria` ручки). */
+	function thumb(entry, index) {
+		const dataset = createPartProps(() => entry().dataset);
+		const aria = createPartProps(() => entry().aria);
+		const value = fieldText(() => String(entry().value));
+		return (() => {
+			var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
+			spread(_el$4, mergeProps({ get style() {
+				return entry().style;
+			} }, dataset), false, true);
+			spread(_el$5, mergeProps({
+				get min() {
+					return entry().min;
+				},
+				get max() {
+					return entry().max;
+				},
+				get step() {
+					return entry().step;
+				},
+				get name() {
+					return state.name;
+				},
+				get disabled() {
+					return state.disabled;
+				}
+			}, aria, value), false, false);
+			insert(_el$4, createComponent(Show, {
+				get when() {
+					return state.tooltipRendered;
+				},
+				get children() {
+					return tooltip(entry, index);
+				}
+			}), null);
+			return _el$4;
+		})();
+	}
+	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$6 = _tmpl$5(), _el$7 = _el$6.firstChild;
+							insert(_el$6, createComponent(Show, {
+								get when() {
+									return (state.shownMarks?.length ?? 0) > 0;
+								},
+								get children() {
+									var _el$8 = _tmpl$4();
+									insert(_el$8, createComponent(Index, {
+										get each() {
+											return state.shownMarks;
+										},
+										children: mark
+									}));
+									return _el$8;
+								}
+							}), null);
+							insert(_el$6, createComponent(Index, {
+								get each() {
+									return state.thumbs;
+								},
+								children: thumb
+							}), null);
+							effect((_$p) => style(_el$7, state.rangeStyle, _$p));
+							return _el$6;
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Slider };

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { StylableProps } from './base.component';
+export declare function setupStylable(props: StylableProps): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IStylable<import("@soxa-ui/core").IStylableProps, import("@soxa-ui/core").TStylableEvents>, {
+    props: object & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {};
+    outputs: object & {} & {};
+}>, StylableProps>;

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

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { SwitchProps } from './base.component';
+/** Переключатель: нативный `<input type="checkbox">` и дорожка; всё — `span` (кладут в `Label`). */
+export declare function Switch(props: SwitchProps): JSX.Element;