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

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { DrawerProps } from './base.component';
+/** Выезжающая панель: подложка и панель — соседи в телепорте, подложка раньше; корень — панель. */
+export declare function Drawer(props: DrawerProps): JSX.Element;

package/dist/components/drawer/Drawer.js

@@ -0,0 +1,131 @@
+import { renderSlot, resolveSlot } from "../../adapter/common/slots.js";
+import { Show } from "../../adapter/runtime/flow.js";
+import { clickAction } from "../../adapter/common/click-action.js";
+import { createPartProps, createRootProps } from "../../adapter/common/root.js";
+import { roleIcon } from "../../adapter/common/icon.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { Teleport } from "../../adapter/runtime/Teleport.js";
+import { Button } from "../button/Button.js";
+import { Icon } from "../icon/Icon.js";
+import { setupDrawer } from "./setup.component.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+//#region src/components/drawer/Drawer.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class=so-drawer__handle aria-hidden=true>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<h2 class=so-drawer__title>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div class=so-drawer__body>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div class=so-drawer__footer>`);
+/** Иконка кнопки закрытия по умолчанию. */
+var CLOSE = roleIcon("close");
+/** Класс подложки — её разметка: своего экземпляра у подложки нет. */
+var BACKDROP = ["so-drawer__backdrop"];
+/** Выезжающая панель: подложка и панель — соседи в телепорте, подложка раньше; корень — панель. */
+function Drawer(props) {
+	const binding = setupDrawer(props);
+	const state = binding.state;
+	const ctrl = binding.ctrl;
+	const close = clickAction(() => ctrl.requestClose("button"));
+	const backdrop = createRootProps(() => ({
+		state: {
+			classes: BACKDROP,
+			layout_styles: state.layout_backdropStyles,
+			visible: state.visible
+		},
+		sets: [state.backdropDataset],
+		forward: {}
+	}));
+	const panel = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset,
+			state.dismiss_ownerAttribute
+		],
+		forward: binding.forwardProps()
+	}));
+	const titleAria = createPartProps(() => state.titleAria);
+	const closeIcon = resolveSlot(() => props["close-icon"], () => ({}));
+	return createComponent(Show, {
+		get when() {
+			return state.rendered;
+		},
+		get children() {
+			return createComponent(Teleport, {
+				get to() {
+					return state.target;
+				},
+				get disabled() {
+					return state.contained;
+				},
+				get children() {
+					return [(() => {
+						var _el$ = _tmpl$();
+						spread(_el$, mergeProps(backdrop), false, false);
+						return _el$;
+					})(), createComponent(Root, {
+						get tag() {
+							return state.tag;
+						},
+						attributes: () => ({
+							tabindex: "-1",
+							...panel()
+						}),
+						ref(r$) {
+							var _ref$ = binding.ref;
+							typeof _ref$ === "function" ? _ref$(r$) : binding.ref = r$;
+						},
+						get children() {
+							return [
+								createComponent(Show, {
+									get when() {
+										return state.handleRendered;
+									},
+									get children() {
+										return _tmpl$2();
+									}
+								}),
+								(() => {
+									var _el$3 = _tmpl$3();
+									spread(_el$3, mergeProps(titleAria), false, true);
+									insert(_el$3, () => renderSlot(props.title));
+									return _el$3;
+								})(),
+								(() => {
+									var _el$4 = _tmpl$4();
+									insert(_el$4, () => renderSlot(props.children));
+									return _el$4;
+								})(),
+								(() => {
+									var _el$5 = _tmpl$5();
+									insert(_el$5, () => renderSlot(props.footer));
+									return _el$5;
+								})(),
+								createComponent(Show, {
+									get when() {
+										return state.closable;
+									},
+									get children() {
+										return createComponent(Button, mergeProps({
+											embedded: "drawer.close",
+											type: "button",
+											"class": "so-drawer__close",
+											ref: close
+										}, () => state.closeAria, { get children() {
+											return closeIcon() ?? createComponent(Icon, {
+												embedded: "drawer.close-icon",
+												tag: CLOSE
+											});
+										} }));
+									}
+								})
+							];
+						}
+					})];
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Drawer };

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

@@ -0,0 +1,7 @@
+import type { IDrawer } from '@soxa-ui/core';
+import type { DrawerDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События Drawer (ядро и плагины). */
+export type DrawerEventProps = EventProps<typeof DrawerDescriptor>;
+/** Пропсы Drawer. Атрибуты — панели; слот `title` вычитает из атрибутов одноимённый атрибут. */
+export type DrawerProps = UseDomProps<typeof DrawerDescriptor, IDrawer, DrawerEventProps>;

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

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

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

@@ -0,0 +1,29 @@
+import type { DrawerProps } from './base.component';
+export declare function setupDrawer(props: DrawerProps): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IDrawer, {
+    props: object & {} & {} & {} & {
+        dismiss_enabled?: boolean | undefined;
+    } & {
+        hideOutside_enabled?: boolean | undefined;
+    } & {
+        scrollLock_enabled?: boolean | undefined;
+    } & {} & {} & {
+        scrollLock_enabled?: boolean | undefined;
+    } & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+        "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+    } & {} & {
+        "hideOutside:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+    } & {
+        "scrollLock:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+    } & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {
+        readonly dismiss_ownerAttribute: Record<string, string>;
+    } & {} & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+        readonly layout_backdropStyles: Record<string, string | number>;
+    } & {} & {} & {};
+}>, DrawerProps>;

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

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

package/dist/components/field/Field.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { FieldProps } from './base.component';
+/** Поле формы: подпись, контрол, подсказка и ошибка — один порядок на все стороны. */
+export declare function Field(props: FieldProps): JSX.Element;

package/dist/components/field/Field.js

@@ -0,0 +1,112 @@
+import { renderSlot, resolveSlot } from "../../adapter/common/slots.js";
+import { 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 { Elevate } from "../../adapter/elevator/Elevate.js";
+import { Icon } from "../icon/Icon.js";
+import { setupField } from "./setup.component.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+//#region src/components/field/Field.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<label class=so-field__label>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class=so-field__control>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class=so-field__helper>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div class=so-field__error><div class=so-field__error-text>`);
+/** Значок ошибки — компонент на роль: `tag` у Icon — корень, а не роль. */
+var ErrorGlyph = roleIcon("error");
+/** Поле формы: подпись, контрол, подсказка и ошибка — один порядок на все стороны. */
+function Field(props) {
+	const binding = setupField(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	const labelAria = createPartProps(() => state.labelAria);
+	const helperAria = createPartProps(() => state.helperAria);
+	const errorAria = createPartProps(() => state.errorAria);
+	function parts() {
+		const label = resolveSlot(() => props["label-content"], () => ({}));
+		const helper = resolveSlot(() => props["helper-content"], () => ({}));
+		const error = resolveSlot(() => props["error-content"], () => ({}));
+		return [
+			createComponent(Show, {
+				get when() {
+					return state.label;
+				},
+				get children() {
+					var _el$ = _tmpl$();
+					spread(_el$, mergeProps(labelAria), false, true);
+					insert(_el$, () => label() ?? state.label);
+					return _el$;
+				}
+			}),
+			(() => {
+				var _el$2 = _tmpl$2();
+				insert(_el$2, () => renderSlot(props.children));
+				return _el$2;
+			})(),
+			createComponent(Show, {
+				get when() {
+					return state.helperRendered;
+				},
+				get children() {
+					var _el$3 = _tmpl$3();
+					spread(_el$3, mergeProps(helperAria), false, true);
+					insert(_el$3, () => helper() ?? state.helper);
+					return _el$3;
+				}
+			}),
+			createComponent(Show, {
+				get when() {
+					return state.errorRendered;
+				},
+				get children() {
+					var _el$4 = _tmpl$4(), _el$5 = _el$4.firstChild;
+					spread(_el$4, mergeProps(errorAria), false, true);
+					insert(_el$4, createComponent(Icon, {
+						embedded: "field.error-icon",
+						"class": "so-field__error-icon",
+						tag: ErrorGlyph
+					}), _el$5);
+					insert(_el$5, () => error() ?? state.error);
+					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() {
+							return parts();
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Field };

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

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

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

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

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

@@ -0,0 +1,18 @@
+import type { FieldProps } from './base.component';
+export declare function setupField(props: FieldProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ctrl: object & import("@soxa-ui/core").IField;
+    state: import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IField, {
+        props: object & {} & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {};
+        outputs: object & {} & {} & {};
+    }>>;
+    forwardProps: () => Partial<FieldProps>;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ref: (el: Element) => void;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+};

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

package/dist/components/frame/Frame.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { FrameProps } from './base.component';
+/** Слой поверх страницы: корень уходит телепортом в `target`, `contained` телепорт выключает. */
+export declare function Frame(props: FrameProps): JSX.Element;

package/dist/components/frame/Frame.js

@@ -0,0 +1,54 @@
+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 { Teleport } from "../../adapter/runtime/Teleport.js";
+import { setupFrame } from "./setup.component.js";
+import { createComponent } from "solid-js/web";
+//#region src/components/frame/Frame.tsx
+/** Слой поверх страницы: корень уходит телепортом в `target`, `contained` телепорт выключает. */
+function Frame(props) {
+	const binding = setupFrame(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(Teleport, {
+				get to() {
+					return state.target;
+				},
+				get disabled() {
+					return state.contained;
+				},
+				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 renderSlot(props.children);
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Frame };

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

@@ -0,0 +1,6 @@
+import type { IFrame } from '@soxa-ui/core';
+import type { FrameDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События Frame (ядро и плагины). */
+export type FrameEventProps = EventProps<typeof FrameDescriptor>;
+export type FrameProps = UseDomProps<typeof FrameDescriptor, IFrame, FrameEventProps>;

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

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

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

@@ -0,0 +1,33 @@
+import type { FrameProps } from './base.component';
+export declare function setupFrame(props: FrameProps): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IFrame, {
+    props: object & {} & {} & {} & {
+        anchor_flip?: boolean | undefined;
+        anchor_anchor?: Element | null | undefined;
+        anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+        anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+        anchor_matchWidth?: boolean | undefined;
+        anchor_offset?: number | undefined;
+    } & {
+        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;
+    } & {} & {
+        "anchor:change:anchor": (payload: import("@soxa-ui/core").TValuePayload<Element | null>) => void;
+        "anchor:change:point": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TPoint | null>) => void;
+        "anchor:change:placement": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TFramePlacement>) => void;
+        "anchor:change:matchWidth": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        "anchor:change:flip": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        "anchor:change:offset": (payload: import("@soxa-ui/core").TValuePayload<number>) => void;
+    };
+    outputs: object & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    } & {} & {};
+}>, FrameProps>;

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

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

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { IconProps } from './base.component';
+/**
+ * Иконка: корень по `tag` без содержимого. Компонент в `tag` обязан положить на свой
+ * корень `ref`, `class`, `style` и ARIA — иначе нет `element:ready`, размера и скрытия.
+ */
+export declare function Icon(props: IconProps): JSX.Element;

package/dist/components/icon/Icon.js

@@ -0,0 +1,38 @@
+import { Show } from "../../adapter/runtime/flow.js";
+import { createRootProps } from "../../adapter/common/root.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { setupIcon } from "./setup.component.js";
+import { createComponent } from "solid-js/web";
+//#region src/components/icon/Icon.tsx
+/**
+* Иконка: корень по `tag` без содержимого. Компонент в `tag` обязан положить на свой
+* корень `ref`, `class`, `style` и ARIA — иначе нет `element:ready`, размера и скрытия.
+*/
+function Icon(props) {
+	const binding = setupIcon(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.attrs, state.aria],
+		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$;
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Icon };

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

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

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

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

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

@@ -0,0 +1,19 @@
+import type { IconProps } from './base.component';
+export declare function setupIcon(props: IconProps): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IIcon, {
+    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 & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    } & {};
+}>, IconProps>;

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,43 @@
+export * from './component';
+export * from './component-view';
+export * from './stylable';
+export * from './control';
+export * from './interactive';
+export * from './value-control';
+export * from './input-control';
+export * from './textable';
+export * from './button';
+export * from './icon';
+export * from './label';
+export * from './field';
+export * from './frame';
+export * from './popover';
+export * from './tooltip';
+export * from './dialog';
+export * from './drawer';
+export * from './toasts';
+export * from './menu';
+export * from './progress-spinner';
+export * from './progress-linear';
+export * from './skeleton';
+export * from './input';
+export * from './number-input';
+export * from './date-input';
+export * from './textarea';
+export * from './check-box';
+export * from './switch';
+export * from './slider';
+export * from './rating';
+export * from './radio-group';
+export * from './list-box';
+export * from './tabs';
+export * from './tags';
+export * from './select';
+export * from './calendar';
+export * from './date-picker';
+export * from './accordion';
+export * from './pagination';
+export * from './scroller';
+export * from './table';
+export * from './virtual';
+export * from './drag-and-drop';

package/dist/components/input/Input.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from 'solid-js';
+import type { InputProps } from './base.component';
+/**
+ * A text field: `<input>` inside the root, the slots at the sides, the clear button before
+ * `trailing`. The clear button stops the click at itself: a select-only Select opens its panel
+ * on a click on the root.
+ */
+export declare function Input(props: InputProps): JSX.Element;