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

package/dist/components/menu/submenu/Submenu.js

@@ -0,0 +1,240 @@
+import { relaySlot, renderSlot, resolveSlot } from "../../../adapter/common/slots.js";
+import { For, Show } from "../../../adapter/runtime/flow.js";
+import { ResolvedSlot } from "../../../adapter/common/ResolvedSlot.js";
+import { clickAction } from "../../../adapter/common/click-action.js";
+import { createRootProps, toControlAttrs, toPartClass, toRootForward } 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 { Icon } from "../../icon/Icon.js";
+import { Frame } from "../../frame/Frame.js";
+import { ItemRow } from "../../item-row/ItemRow.js";
+import { MenuGroup } from "../group/Group.js";
+import { MenuItem } from "../item/Item.js";
+import { MenuSeparator } from "../separator/Separator.js";
+import { setupMenuSubmenu } from "./setup.component.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+//#region src/components/menu/submenu/Submenu.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class=so-menu__list>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=so-menu-item__icon>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class=so-menu-item__arrow aria-hidden=true>`);
+/** Стрелка без слота — иконка из пакета по роли, компонент на роль один на модуль. */
+var ARROW = roleIcon("arrowRight");
+/**
+* Пункты из данных (`items`) — одна разметка на меню и подменю. Подменю из данных —
+* `Show` по записи `submenus` (`keyed`): запись у пункта устойчива, а `ctrl` и
+* `engine` подменю читает при сборке.
+*/
+function drawItems(state, slots) {
+	/** Пункт из данных — подменю, если коллекция завела ему движок, иначе действие. */
+	const drawItem = (item) => createComponent(Show, {
+		get when() {
+			return state.submenus?.get(item);
+		},
+		keyed: true,
+		get fallback() {
+			return createComponent(MenuItem, {
+				ctrl: item,
+				get leading() {
+					return renderSlot(slots["item-leading"], { item });
+				},
+				get trailing() {
+					return renderSlot(slots["item-trailing"], { item });
+				},
+				get children() {
+					return relaySlot(slots.item, { item });
+				}
+			});
+		},
+		children: (entry) => createComponent(MenuSubmenu, {
+			get ctrl() {
+				return entry.ctrl;
+			},
+			get engine() {
+				return entry.engine;
+			},
+			get leading() {
+				return renderSlot(slots["item-leading"], { item });
+			},
+			get header() {
+				return relaySlot(slots["item-header"], { item });
+			},
+			get ["arrow-icon"]() {
+				return renderSlot(slots["item-arrow-icon"], { item });
+			},
+			get item() {
+				return slots.item;
+			},
+			get ["item-leading"]() {
+				return slots["item-leading"];
+			},
+			get ["item-trailing"]() {
+				return slots["item-trailing"];
+			},
+			get ["item-header"]() {
+				return slots["item-header"];
+			},
+			get ["item-arrow-icon"]() {
+				return slots["item-arrow-icon"];
+			},
+			get ["item-content"]() {
+				return slots["item-content"];
+			},
+			get children() {
+				return renderSlot(slots["item-content"], { item });
+			}
+		})
+	});
+	const drawSectionItems = (section) => createComponent(For, {
+		get each() {
+			return section().items;
+		},
+		children: drawItem
+	});
+	const isFirst = (section) => state.sections?.[0]?.key === section().key;
+	const drawSection = (section) => [createComponent(Show, {
+		get when() {
+			return memo(() => !!state.groupSeparators)() && !isFirst(section);
+		},
+		get children() {
+			return createComponent(MenuSeparator, {});
+		}
+	}), createComponent(Show, {
+		get when() {
+			return section().group;
+		},
+		get fallback() {
+			return drawSectionItems(section);
+		},
+		children: (group) => createComponent(MenuGroup, {
+			get label() {
+				return group().label;
+			},
+			get children() {
+				return drawSectionItems(section);
+			}
+		})
+	})];
+	return createComponent(KeyedFor, {
+		get each() {
+			return state.sections;
+		},
+		by: (section) => section.key,
+		children: drawSection
+	});
+}
+/** Пункт с подменю: строка пункта в меню над ним и своя панель с пунктами. */
+function MenuSubmenu(props) {
+	const binding = setupMenuSubmenu(props);
+	const state = binding.state;
+	const context = binding.context;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.dataset, state.attrs],
+		forward: toRootForward(binding.forwardProps())
+	}));
+	const header = resolveSlot(() => props.header, () => ({
+		text: state.text ?? "",
+		open: state.open ?? false
+	}));
+	const arrowIcon = resolveSlot(() => props["arrow-icon"], () => ({}));
+	/** The row's attributes: all of the consumer's but the class and the style. */
+	const row = () => toControlAttrs(binding.forwardProps());
+	const expand = clickAction(() => context?.adapters.menu.open());
+	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: "menu.row",
+						tag: "div",
+						get size() {
+							return state.size;
+						},
+						get disabled() {
+							return state.disabled;
+						}
+					}, () => state.aria, row, {
+						ref: expand,
+						get leading() {
+							return (() => {
+								var _el$2 = _tmpl$2();
+								insert(_el$2, () => renderSlot(props.leading));
+								return _el$2;
+							})();
+						},
+						get trailing() {
+							return (() => {
+								var _el$3 = _tmpl$3();
+								insert(_el$3, () => arrowIcon() ?? createComponent(Icon, {
+									embedded: "menu.arrow",
+									tag: ARROW,
+									get size() {
+										return state.size;
+									}
+								}));
+								return _el$3;
+							})();
+						},
+						get children() {
+							return header() ?? state.text;
+						}
+					})), createComponent(Elevate, {
+						get layer() {
+							return binding.layer;
+						},
+						get children() {
+							return createComponent(Frame, mergeProps({
+								embedded: "menu.submenu-frame",
+								get ["class"]() {
+									return toPartClass(state.panelClasses);
+								},
+								tabindex: "-1",
+								get visible() {
+									return memo(() => !!state.visible)() && state.open;
+								},
+								strategy: "fixed",
+								get anchor_anchor() {
+									return binding.rootElement();
+								},
+								anchor_placement: "end-start"
+							}, () => state.panelAria, () => state.dismiss_ownerAttribute, { get children() {
+								var _el$ = _tmpl$();
+								insert(_el$, createComponent(Show, {
+									get when() {
+										return state.contentRendered;
+									},
+									get children() {
+										return createComponent(ResolvedSlot, {
+											get content() {
+												return props.children;
+											},
+											get fallback() {
+												return drawItems(state, props);
+											}
+										});
+									}
+								}));
+								return _el$;
+							} }));
+						}
+					})];
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { MenuSubmenu, drawItems };

package/dist/components/menu/submenu/base.component.d.ts

@@ -0,0 +1,9 @@
+import type { IMenuSubmenu } from '@soxa-ui/core';
+import type { MenuCollectionItemDescriptor, MenuSubmenuCollectionDescriptor, MenuSubmenuDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../../types';
+/** События подменю — свои, фасада пункта и фасада меню своих пунктов. */
+export type MenuSubmenuEventProps = EventProps<typeof MenuSubmenuDescriptor> & EventProps<typeof MenuCollectionItemDescriptor> & EventProps<typeof MenuSubmenuCollectionDescriptor>;
+/** Атрибуты пункта с подменю: класс и стиль — корню, остальное — строке с `role="menuitem"`. */
+export type MenuSubmenuAttributes = TDomAttributes<typeof MenuSubmenuDescriptor, MenuSubmenuEventProps>;
+/** Пропсы подменю; коллекционные входы его пунктов несёт интерфейс ядра. */
+export type MenuSubmenuProps = UseDomProps<typeof MenuSubmenuDescriptor, IMenuSubmenu, MenuSubmenuEventProps>;

package/dist/components/menu/submenu/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupMenuSubmenu } from './setup.component';
+export { MenuSubmenu } from './Submenu';

package/dist/components/menu/submenu/setup.component.d.ts

@@ -0,0 +1,54 @@
+import type { MenuSubmenuProps } from './base.component';
+/** Три контекста: свой, пункт в меню над ним (`up()`) и меню своих пунктов (`down()`). */
+export declare function setupMenuSubmenu(props: MenuSubmenuProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IMenuItem<import("@soxa-ui/core").IMenuItemProps, any>, import("@soxa-ui/core").TMenuCollectionExtensions> | undefined;
+    layer: import("../../../adapter").TElevatorLayer;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").IMenuSubmenu;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+    state: import("../../../adapter").TJoinedState<import("../../../adapter").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IMenuSubmenu, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {} & {} & {} & {} & {
+            dismiss_enabled?: boolean | 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;
+        } & {
+            "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+            "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        } & {} & {} & {} & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {} & {
+            readonly listItem_highlighted: boolean;
+        } & {} & {} & {
+            readonly dismiss_ownerAttribute: Record<string, string>;
+        } & {} & {} & {} & {} & {} & {};
+    }>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TMenuItemCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TMenuCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<MenuSubmenuProps>;
+};

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

@@ -0,0 +1,34 @@
+import { createSolidAdapterContext } from "../../../adapter/common/createSolidAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../../adapter/elevator/useElevator.js";
+import { MenuCollectionItemDescriptor, MenuSubmenuCollectionDescriptor, MenuSubmenuDescriptor, TCollectionExtension, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/submenu/setup.component.ts
+/** Три контекста: свой, пункт в меню над ним (`up()`) и меню своих пунктов (`down()`). */
+function setupMenuSubmenu(props) {
+	const { elevator, layer } = useElevator();
+	const adapter = createSolidAdapterContext(MenuSubmenuDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	const item = createSolidAdapterContext(MenuCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+		adapter,
+		elevator
+	});
+	const itemBinding = useCollectionAdapter(item, props);
+	const collectionAdapter = createSolidAdapterContext(MenuSubmenuCollectionDescriptor(), {
+		props,
+		options: {
+			owner: adapter.instance,
+			engine: props.engine
+		}
+	}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator });
+	const menuBinding = useCollectionAdapter(collectionAdapter, props);
+	const owner = useAdapter(adapter, props);
+	return {
+		...joinBindings(owner, itemBinding, menuBinding),
+		context: item.instance.context,
+		layer
+	};
+}
+//#endregion
+export { setupMenuSubmenu };

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

@@ -0,0 +1,8 @@
+import type { JSX } from 'solid-js';
+import type { NumberInputProps } from './base.component';
+/**
+ * A number field: the input, the step buttons and the hidden form field with the number as text.
+ * The clear button stops the click at itself: a select-only Select opens its panel on a click
+ * on the root.
+ */
+export declare function NumberInput(props: NumberInputProps): JSX.Element;

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

@@ -0,0 +1,220 @@
+import { resolveSlot } from "../../adapter/common/slots.js";
+import { Show } from "../../adapter/runtime/flow.js";
+import { clickAction } from "../../adapter/common/click-action.js";
+import { createPartProps, createRootProps, toControlAttrs, toRootForward } 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 { Button } from "../button/Button.js";
+import { Icon } from "../icon/Icon.js";
+import { setupNumberInput } from "./setup.component.js";
+import { createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
+//#region src/components/number-input/NumberInput.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class=so-number-input__leading>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<input type=text class=so-number-input__input autocomplete=off spellcheck=false>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class=so-number-input__trailing>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div class=so-number-input__stepper>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<input type=hidden>`);
+/** Глифы кнопок — компоненты на роль: `tag` у Icon — корень, а не роль. */
+var CloseGlyph = roleIcon("close");
+var MinusGlyph = roleIcon("minus");
+var PlusGlyph = roleIcon("plus");
+/**
+* A number field: the input, the step buttons and the hidden form field with the number as text.
+* The clear button stops the click at itself: a select-only Select opens its panel on a click
+* on the root.
+*/
+function NumberInput(props) {
+	const binding = setupNumberInput(props);
+	const state = binding.state;
+	const ctrl = binding.ctrl;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.attrs, state.dataset],
+		forward: toRootForward(binding.forwardProps())
+	}));
+	const inputAttrs = createPartProps(() => state.inputAttrs);
+	const aria = createPartProps(() => state.aria);
+	const inputAria = createPartProps(() => state.inputAria);
+	const control = createPartProps(() => toControlAttrs(binding.forwardProps()));
+	const text = fieldText(() => state.text);
+	const clear = clickAction((event) => {
+		event.stopPropagation();
+		ctrl.clear();
+	});
+	function content() {
+		const leadingSlot = resolveSlot(() => props.leading, () => ({ ctrl }));
+		const clearSlot = resolveSlot(() => props.clear, () => ({ clear: ctrl.clear }));
+		const trailingSlot = resolveSlot(() => props.trailing, () => ({ ctrl }));
+		const decrementIcon = resolveSlot(() => props["decrement-icon"], () => ({}));
+		const incrementIcon = resolveSlot(() => props["increment-icon"], () => ({}));
+		return [
+			createComponent(Show, {
+				get when() {
+					return leadingSlot();
+				},
+				get children() {
+					var _el$ = _tmpl$();
+					insert(_el$, leadingSlot);
+					return _el$;
+				}
+			}),
+			(() => {
+				var _el$2 = _tmpl$2();
+				spread(_el$2, mergeProps({
+					get id() {
+						return state.id;
+					},
+					get placeholder() {
+						return state.placeholder;
+					},
+					get disabled() {
+						return state.disabled;
+					},
+					get readonly() {
+						return state.readonly;
+					},
+					get required() {
+						return state.required;
+					}
+				}, inputAttrs, aria, inputAria, control, text), false, false);
+				return _el$2;
+			})(),
+			createComponent(Show, {
+				get when() {
+					return state.clearable === true || clearSlot() !== void 0 || trailingSlot() !== void 0;
+				},
+				get children() {
+					var _el$3 = _tmpl$3();
+					insert(_el$3, createComponent(Show, {
+						get when() {
+							return clearSlot();
+						},
+						get fallback() {
+							return createComponent(Show, {
+								get when() {
+									return state.clearable;
+								},
+								get children() {
+									return createComponent(Button, mergeProps({
+										embedded: "number-input.clear",
+										type: "button",
+										"class": "so-number-input__clear",
+										get size() {
+											return state.size;
+										},
+										get disabled() {
+											return state.disabled;
+										}
+									}, () => state.clearAria, {
+										ref: clear,
+										get children() {
+											return createComponent(Icon, {
+												embedded: "number-input.clear-icon",
+												tag: CloseGlyph,
+												get size() {
+													return state.size;
+												}
+											});
+										}
+									}));
+								}
+							});
+						},
+						get children() {
+							return clearSlot();
+						}
+					}), null);
+					insert(_el$3, trailingSlot, null);
+					return _el$3;
+				}
+			}),
+			(() => {
+				var _el$4 = _tmpl$4();
+				insert(_el$4, createComponent(Button, mergeProps({
+					embedded: "number-input.decrement",
+					type: "button",
+					"class": "so-number-input__decrement",
+					get size() {
+						return state.size;
+					},
+					get disabled() {
+						return state.decrementDisabled;
+					}
+				}, () => state.decrementAria, () => state.decrementDataset, { get children() {
+					return decrementIcon() ?? createComponent(Icon, {
+						embedded: "number-input.decrement-icon",
+						tag: MinusGlyph,
+						get size() {
+							return state.size;
+						}
+					});
+				} })), null);
+				insert(_el$4, createComponent(Button, mergeProps({
+					embedded: "number-input.increment",
+					type: "button",
+					"class": "so-number-input__increment",
+					get size() {
+						return state.size;
+					},
+					get disabled() {
+						return state.incrementDisabled;
+					}
+				}, () => state.incrementAria, () => state.incrementDataset, { get children() {
+					return incrementIcon() ?? createComponent(Icon, {
+						embedded: "number-input.increment-icon",
+						tag: PlusGlyph,
+						get size() {
+							return state.size;
+						}
+					});
+				} })), null);
+				return _el$4;
+			})(),
+			(() => {
+				var _el$5 = _tmpl$5();
+				effect((_p$) => {
+					var _v$ = state.name, _v$2 = state.disabled;
+					_v$ !== _p$.e && setAttribute(_el$5, "name", _p$.e = _v$);
+					_v$2 !== _p$.t && (_el$5.disabled = _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				effect(() => _el$5.value = state.value === void 0 ? "" : String(state.value));
+				return _el$5;
+			})()
+		];
+	}
+	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 { NumberInput };

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { PaginationProps } from './base.component';
+/** Пагинация: стрелка «назад», список страниц и пропусков, стрелка «вперёд». */
+export declare function Pagination(props: PaginationProps): JSX.Element;