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

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,155 @@
+import { relaySlot, resolveSlot } from "../../adapter/common/slots.js";
+import { Show } from "../../adapter/runtime/flow.js";
+import { clickAction } from "../../adapter/common/click-action.js";
+import { createRootProps } from "../../adapter/common/root.js";
+import { roleIcon } from "../../adapter/common/icon.js";
+import { KeyedFor } from "../../adapter/runtime/KeyedFor.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { Button } from "../button/Button.js";
+import { Icon } from "../icon/Icon.js";
+import { setupPagination } from "./setup.component.js";
+import { PaginationItem } from "./item/Item.js";
+import { createComponent, insert, mergeProps, template } from "solid-js/web";
+//#region src/components/pagination/Pagination.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<li class=so-pagination__ellipsis>…`);
+var _tmpl$2 = /*#__PURE__*/ template(`<ol class=so-pagination__list>`);
+/** Одна иконка на обе стрелки: роли «влево» нет, стрелку «назад» зеркалит тема. */
+var ARROW = roleIcon("arrowRight");
+/** Страница места окна; у пропуска страницы нет. */
+function pageOf(cell) {
+	return cell.kind === "item" ? cell.item : void 0;
+}
+/** Пагинация: стрелка «назад», список страниц и пропусков, стрелка «вперёд». */
+function Pagination(props) {
+	const binding = setupPagination(props);
+	const state = binding.state;
+	const ctrl = binding.ctrl;
+	const prev = clickAction(() => ctrl.prev());
+	const next = clickAction(() => ctrl.next());
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	/** Место окна: страница — элемент коллекции, пропуск — многоточие текстом. */
+	function cell(entry) {
+		return createComponent(Show, {
+			get when() {
+				return pageOf(entry());
+			},
+			get fallback() {
+				return _tmpl$();
+			},
+			children: (page) => createComponent(PaginationItem, {
+				get ctrl() {
+					return page();
+				},
+				get children() {
+					return relaySlot(props.item, { item: page() });
+				}
+			})
+		});
+	}
+	/** Содержимое корня — под слоем лифта пагинации: зовёт его `Elevate`, внутри себя. */
+	function content() {
+		const prevIcon = resolveSlot(() => props["prev-icon"], () => ({}));
+		const nextIcon = resolveSlot(() => props["next-icon"], () => ({}));
+		return [
+			createComponent(Button, mergeProps({
+				embedded: "pagination.prev",
+				type: "button",
+				"class": "so-pagination__prev",
+				get size() {
+					return state.size;
+				},
+				get variant() {
+					return state.variant;
+				},
+				get disabled() {
+					return state.prevDisabled;
+				}
+			}, () => state.prevAria, {
+				ref: prev,
+				get children() {
+					return prevIcon() ?? createComponent(Icon, {
+						embedded: "pagination.prev-icon",
+						tag: ARROW,
+						get size() {
+							return state.size;
+						}
+					});
+				}
+			})),
+			(() => {
+				var _el$2 = _tmpl$2();
+				insert(_el$2, createComponent(KeyedFor, {
+					get each() {
+						return state.cells;
+					},
+					by: (entry) => entry.key,
+					children: cell
+				}));
+				return _el$2;
+			})(),
+			createComponent(Button, mergeProps({
+				embedded: "pagination.next",
+				type: "button",
+				"class": "so-pagination__next",
+				get size() {
+					return state.size;
+				},
+				get variant() {
+					return state.variant;
+				},
+				get disabled() {
+					return state.nextDisabled;
+				}
+			}, () => state.nextAria, {
+				ref: next,
+				get children() {
+					return nextIcon() ?? createComponent(Icon, {
+						embedded: "pagination.next-icon",
+						tag: ARROW,
+						get size() {
+							return state.size;
+						}
+					});
+				}
+			}))
+		];
+	}
+	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 content();
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Pagination };

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

@@ -0,0 +1,7 @@
+import type { IPagination } from '@soxa-ui/core';
+import type { PaginationCollectionDescriptor, PaginationDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События Pagination — свои и фасада коллекции. */
+export type PaginationEventProps = EventProps<typeof PaginationDescriptor> & EventProps<typeof PaginationCollectionDescriptor>;
+/** Пропсы Pagination; движок снаружи (`engine`) — в `IPaginationProps`. */
+export type PaginationProps = UseDomProps<typeof PaginationDescriptor, IPagination, PaginationEventProps>;

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

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

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

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { PaginationItemProps } from './base.component';
+/** Страница — внутренняя часть Pagination: корень — место в списке, внутри — Button. */
+export declare function PaginationItem(props: PaginationItemProps): JSX.Element;

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

@@ -0,0 +1,63 @@
+import { resolveSlot } from "../../../adapter/common/slots.js";
+import { Show } from "../../../adapter/runtime/flow.js";
+import { clickAction } from "../../../adapter/common/click-action.js";
+import { createRootProps } from "../../../adapter/common/root.js";
+import { Root } from "../../../adapter/runtime/Root.js";
+import { Button } from "../../button/Button.js";
+import { setupPaginationItem } from "./setup.component.js";
+import { createComponent, mergeProps } from "solid-js/web";
+//#region src/components/pagination/item/Item.tsx
+/** Страница — внутренняя часть Pagination: корень — место в списке, внутри — Button. */
+function PaginationItem(props) {
+	const binding = setupPaginationItem(props);
+	const state = binding.state;
+	const context = binding.context;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.attrs, state.dataset],
+		forward: binding.forwardProps()
+	}));
+	const content = resolveSlot(() => props.children, () => ({ text: state.text ?? "" }));
+	const activate = clickAction(() => {
+		if (context) context.adapters.activation.active = true;
+	});
+	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(Button, mergeProps({
+						embedded: "pagination.page",
+						type: "button",
+						get disabled() {
+							return state.disabled;
+						},
+						get size() {
+							return state.size;
+						},
+						get variant() {
+							return state.variant;
+						}
+					}, () => state.aria, {
+						ref: activate,
+						get children() {
+							return content() ?? state.text;
+						}
+					}));
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { PaginationItem };

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

@@ -0,0 +1,7 @@
+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>;
+/** Пропсы страницы: входы ей пишут пагинация и коллекция, своё — только `ctrl` и слот. */
+export type PaginationItemProps = UseDomProps<typeof PaginationItemDescriptor, IPaginationItem, PaginationItemEventProps>;

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

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

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

@@ -0,0 +1,22 @@
+import type { PaginationItemProps } from './base.component';
+export declare function setupPaginationItem(props: PaginationItemProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IPaginationItem, import("@soxa-ui/core").TPaginationCollectionExtensions> | undefined;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").IPaginationItem;
+    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").IPaginationItem, {
+        props: object & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {};
+        outputs: object & {} & {};
+    }>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TPaginationItemCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<PaginationItemProps>;
+};

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

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

@@ -0,0 +1,35 @@
+import type { PaginationProps } from './base.component';
+export declare function setupPagination(props: PaginationProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").IPagination;
+    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").IPagination, {
+        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").TPaginationCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<PaginationProps>;
+};

package/dist/components/pagination/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 { PaginationCollectionDescriptor, PaginationDescriptor, TCollectionExtension } from "@soxa-ui/setup";
+//#region src/components/pagination/setup.component.ts
+function setupPagination(props) {
+	const { elevator, layer } = useElevator();
+	const adapter = createSolidAdapterContext(PaginationDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	const collectionAdapter = createSolidAdapterContext(PaginationCollectionDescriptor(), {
+		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 { setupPagination };

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

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { PopoverProps } from './base.component';
+/**
+ * Панель у триггера: корень — обёртка триггера и якорь панели, панель — Frame.
+ * Связку триггер получает живым scope слота `trigger`.
+ */
+export declare function Popover(props: PopoverProps): JSX.Element;

package/dist/components/popover/Popover.js

@@ -0,0 +1,120 @@
+import { liveScope, renderSlot, resolveSlot } from "../../adapter/common/slots.js";
+import { Show } from "../../adapter/runtime/flow.js";
+import { clickAction } from "../../adapter/common/click-action.js";
+import { createRootProps } from "../../adapter/common/root.js";
+import { roleIcon } from "../../adapter/common/icon.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { Button } from "../button/Button.js";
+import { Icon } from "../icon/Icon.js";
+import { Frame } from "../frame/Frame.js";
+import { setupPopover } from "./setup.component.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+//#region src/components/popover/Popover.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class=so-popover__handle aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class=so-popover__content>`);
+/** Иконка кнопки закрытия по умолчанию. */
+var CLOSE = roleIcon("close");
+/**
+* Панель у триггера: корень — обёртка триггера и якорь панели, панель — Frame.
+* Связку триггер получает живым scope слота `trigger`.
+*/
+function Popover(props) {
+	const binding = setupPopover(props);
+	const state = binding.state;
+	const ctrl = binding.ctrl;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.attrs, state.dataset],
+		forward: binding.forwardProps()
+	}));
+	const trigger = liveScope(() => ({
+		triggerAria: state.triggerAria ?? {},
+		triggerDataset: state.triggerDataset ?? {}
+	}));
+	const closeIcon = resolveSlot(() => props["close-icon"], () => ({}));
+	/** The close button only closes the popover: returning the focus is the plugin's job. */
+	const close = clickAction(() => {
+		ctrl.open = false;
+	});
+	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 [memo(() => renderSlot(props.trigger, trigger)), createComponent(Frame, mergeProps({
+						embedded: "popover.frame",
+						"class": "so-popover__panel",
+						tabindex: "-1",
+						get visible() {
+							return memo(() => !!state.visible)() && state.open;
+						},
+						get contained() {
+							return state.contained;
+						},
+						strategy: "fixed",
+						get anchor_anchor() {
+							return binding.rootElement();
+						},
+						get anchor_placement() {
+							return state.placement;
+						},
+						anchor_offset: 8
+					}, () => state.aria, () => state.panelDataset, () => state.dismiss_ownerAttribute, { get children() {
+						return [
+							createComponent(Show, {
+								get when() {
+									return state.handleRendered;
+								},
+								get children() {
+									return _tmpl$();
+								}
+							}),
+							(() => {
+								var _el$2 = _tmpl$2();
+								insert(_el$2, createComponent(Show, {
+									get when() {
+										return state.contentRendered;
+									},
+									get children() {
+										return renderSlot(props.children);
+									}
+								}));
+								return _el$2;
+							})(),
+							createComponent(Show, {
+								get when() {
+									return state.closable;
+								},
+								get children() {
+									return createComponent(Button, mergeProps({
+										embedded: "popover.close",
+										type: "button",
+										"class": "so-popover__close",
+										ref: close
+									}, () => state.closeAria, { get children() {
+										return closeIcon() ?? createComponent(Icon, {
+											embedded: "popover.close-icon",
+											tag: CLOSE
+										});
+									} }));
+								}
+							})
+						];
+					} }))];
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Popover };

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

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

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

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

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

@@ -0,0 +1,24 @@
+import type { PopoverProps } from './base.component';
+export declare function setupPopover(props: PopoverProps): import("../../adapter").TBinding<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: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;
+    } & {
+        "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+        "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+    } & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {
+        readonly dismiss_ownerAttribute: Record<string, string>;
+    } & {} & {} & {} & {} & {};
+}>, PopoverProps>;

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

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

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

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { ProgressLinearProps } from './base.component';
+/** Индикатор выполнения линией: корень — дорожка с заливкой; всё — `span` (кладут в `Label`). */
+export declare function ProgressLinear(props: ProgressLinearProps): JSX.Element;

package/dist/components/progress-linear/ProgressLinear.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 { setupProgressLinear } from "./setup.component.js";
+import { createComponent, template } from "solid-js/web";
+//#region src/components/progress-linear/ProgressLinear.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=so-progress-linear__range>`);
+/** Индикатор выполнения линией: корень — дорожка с заливкой; всё — `span` (кладут в `Label`). */
+function ProgressLinear(props) {
+	const binding = setupProgressLinear(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps(),
+		style: state.percentStyle
+	}));
+	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 { ProgressLinear };

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

@@ -0,0 +1,6 @@
+import type { IProgressLinear } from '@soxa-ui/core';
+import type { ProgressLinearDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События слоя ProgressLinear (core + плагины), выведены из дескриптора автоматически. */
+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,3 @@
+export * from './base.component';
+export { setupProgressLinear } from './setup.component';
+export { ProgressLinear } from './ProgressLinear';

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

@@ -0,0 +1,17 @@
+import type { ProgressLinearProps } from './base.component';
+export declare function setupProgressLinear(props: ProgressLinearProps): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IProgressLinear, {
+    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 & {} & {} & {};
+}>, ProgressLinearProps>;

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

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

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

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { ProgressSpinnerProps } from './base.component';
+/** Индикатор выполнения кольцом; корень — `span`: кольцо кладут в `Button` и `Label`. */
+export declare function ProgressSpinner(props: ProgressSpinnerProps): JSX.Element;