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

package/dist/components/button/Button.js

@@ -0,0 +1,59 @@
+import { renderSlot, resolveSlot } 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 { setupButton } from "./setup.component.js";
+import { createComponent, insert, memo, template } from "solid-js/web";
+//#region src/components/button/Button.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=so-button__text>`);
+/** Кнопка: на месте незаданного `children` — текст из ядра. */
+function Button(props) {
+	return renderButton(setupButton(props), props);
+}
+/**
+* Разметка кнопки по её связке. Одна на Button и строку элемента коллекции
+* (`ItemRow`): у них разная сборка, а разметка та же.
+*/
+function renderButton(binding, props) {
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	const content = resolveSlot(() => props.children, () => ({ text: state.text ?? "" }));
+	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.leading)),
+						(() => {
+							var _el$ = _tmpl$();
+							insert(_el$, () => content() ?? state.text);
+							return _el$;
+						})(),
+						memo(() => renderSlot(props.trailing))
+					];
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Button, renderButton };

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

@@ -0,0 +1,8 @@
+import type { JSX } from 'solid-js';
+import type { IButton } from '@soxa-ui/core';
+import type { ButtonDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События слоя Button (core + плагины), выведены из дескриптора автоматически. */
+export type ButtonEventProps = EventProps<typeof ButtonDescriptor>;
+/** Атрибуты — кнопки (корень по умолчанию `<button>`), элемент — `HTMLElement`: `tag` свободен. */
+export type ButtonProps = UseDomProps<typeof ButtonDescriptor, IButton, ButtonEventProps, JSX.ButtonHTMLAttributes<HTMLElement>>;

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

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

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

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

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

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

package/dist/components/calendar/Calendar.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from 'solid-js';
+import type { CalendarProps } from './base.component';
+/**
+ * Calendar: grids of the shown months, one pair of paging buttons at the first month, and the footer.
+ * A month goes by place (`Index`): the heading button, its popover and the live region survive
+ * paging as the same node. The picker panel is the place's Popover, `contained` on a `div`.
+ */
+export declare function Calendar(props: CalendarProps): JSX.Element;

package/dist/components/calendar/Calendar.js

@@ -0,0 +1,335 @@
+import { relaySlot } from "../../adapter/common/slots.js";
+import { Index, Show } from "../../adapter/runtime/flow.js";
+import { ResolvedSlot } from "../../adapter/common/ResolvedSlot.js";
+import { createPartProps, 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 { Popover } from "../popover/Popover.js";
+import { ListBox } from "../list-box/index.js";
+import { CalendarItem } from "./item/Item.js";
+import { setupCalendar } from "./setup.component.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+//#region src/components/calendar/Calendar.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<td class=so-calendar__filler>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<tr class=so-calendar__week>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class=so-calendar__title-text>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div class=so-calendar__picker><div class=so-calendar__picker-header>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div class=so-calendar__month><table class=so-calendar__grid><thead aria-hidden=true><tr class=so-calendar__weekdays></tr></thead><tbody>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<th class=so-calendar__weekday>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<div class=so-calendar__months>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<div class=so-calendar__footer>`);
+/** One icon for all arrows: there is no «left» role, the theme mirrors the arrow to the line start. */
+var ARROW = roleIcon("arrowRight");
+/**
+* Calendar: grids of the shown months, one pair of paging buttons at the first month, and the footer.
+* A month goes by place (`Index`): the heading button, its popover and the live region survive
+* paging as the same node. The picker panel is the place's Popover, `contained` on a `div`.
+*/
+function Calendar(props) {
+	const binding = setupCalendar(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	/** A week cell: a day is a collection item, a placeholder is an empty cell. */
+	const cell = (entry) => {
+		const aria = createPartProps(() => entry().aria);
+		return createComponent(Show, {
+			get when() {
+				return entry().item;
+			},
+			keyed: true,
+			get fallback() {
+				return (() => {
+					var _el$ = _tmpl$();
+					spread(_el$, mergeProps(aria), false, false);
+					return _el$;
+				})();
+			},
+			children: (item) => createComponent(CalendarItem, {
+				ctrl: item,
+				get children() {
+					return relaySlot(props.item, { item });
+				}
+			})
+		});
+	};
+	/**
+	* A week — seven cells from the first day of the week, by its place (`Index`): a new
+	* first day of the week keeps six days of seven in their row.
+	*/
+	const week = (entry) => (() => {
+		var _el$2 = _tmpl$2();
+		insert(_el$2, createComponent(KeyedFor, {
+			get each() {
+				return entry();
+			},
+			by: (day) => day.date,
+			children: cell
+		}));
+		return _el$2;
+	})();
+	/** Month heading — the trigger button of the picker panel; text and live region inside. */
+	const title = (grid) => (scope) => {
+		const titleAria = createPartProps(() => grid().titleAria);
+		return createComponent(Button, mergeProps({
+			embedded: "calendar.title",
+			type: "button",
+			"class": "so-calendar__title",
+			get size() {
+				return state.size;
+			},
+			get disabled() {
+				return state.disabled;
+			}
+		}, () => scope.triggerAria, () => scope.triggerDataset, { get children() {
+			var _el$3 = _tmpl$3();
+			spread(_el$3, mergeProps(titleAria), false, true);
+			insert(_el$3, () => grid().title);
+			return _el$3;
+		} }));
+	};
+	/**
+	* The picker's card: the place's list, then the header. The list comes with the first
+	* opening of the popover — a branch by its presence, and ListBox takes `ctrl` and `engine`
+	* at assembly.
+	*/
+	const card = (picker) => (() => {
+		var _el$4 = _tmpl$4(), _el$5 = _el$4.firstChild;
+		insert(_el$4, createComponent(Show, {
+			get when() {
+				return picker().list;
+			},
+			children: (list) => createComponent(ListBox, {
+				embedded: "calendar.picker-list",
+				"class": "so-calendar__picker-list",
+				get ctrl() {
+					return list().ctrl;
+				},
+				get engine() {
+					return list().engine;
+				},
+				get size() {
+					return state.size;
+				},
+				indicator: "none",
+				get aria_labelledBy() {
+					return picker().labelledBy;
+				}
+			})
+		}), _el$5);
+		insert(_el$5, createComponent(Button, mergeProps({
+			embedded: "calendar.picker-heading",
+			type: "button",
+			"class": "so-calendar__picker-heading",
+			get size() {
+				return state.size;
+			}
+		}, () => picker().headingAria, { get children() {
+			return picker().heading;
+		} })), null);
+		insert(_el$5, createComponent(Button, mergeProps({
+			embedded: "calendar.picker-prev",
+			type: "button",
+			"class": "so-calendar__picker-prev",
+			get size() {
+				return state.size;
+			},
+			get disabled() {
+				return picker().prevDisabled;
+			}
+		}, () => picker().prevAria, { get children() {
+			return createComponent(Icon, {
+				embedded: "calendar.picker-prev-icon",
+				tag: ARROW,
+				get size() {
+					return state.size;
+				}
+			});
+		} })), null);
+		insert(_el$5, createComponent(Button, mergeProps({
+			embedded: "calendar.picker-next",
+			type: "button",
+			"class": "so-calendar__picker-next",
+			get size() {
+				return state.size;
+			},
+			get disabled() {
+				return picker().nextDisabled;
+			}
+		}, () => picker().nextAria, { get children() {
+			return createComponent(Icon, {
+				embedded: "calendar.picker-next-icon",
+				tag: ARROW,
+				get size() {
+					return state.size;
+				}
+			});
+		} })), null);
+		return _el$4;
+	})();
+	/** The pair of paging buttons — one per calendar, at the first month. */
+	const paging = () => [createComponent(Button, mergeProps({
+		embedded: "calendar.prev",
+		type: "button",
+		"class": "so-calendar__prev",
+		get size() {
+			return state.size;
+		},
+		get disabled() {
+			return state.prevDisabled;
+		}
+	}, () => state.prevAria, { get children() {
+		return createComponent(ResolvedSlot, {
+			get content() {
+				return props["prev-icon"];
+			},
+			get fallback() {
+				return createComponent(Icon, {
+					embedded: "calendar.prev-icon",
+					tag: ARROW,
+					get size() {
+						return state.size;
+					}
+				});
+			}
+		});
+	} })), createComponent(Button, mergeProps({
+		embedded: "calendar.next",
+		type: "button",
+		"class": "so-calendar__next",
+		get size() {
+			return state.size;
+		},
+		get disabled() {
+			return state.nextDisabled;
+		}
+	}, () => state.nextAria, { get children() {
+		return createComponent(ResolvedSlot, {
+			get content() {
+				return props["next-icon"];
+			},
+			get fallback() {
+				return createComponent(Icon, {
+					embedded: "calendar.next-icon",
+					tag: ARROW,
+					get size() {
+						return state.size;
+					}
+				});
+			}
+		});
+	} }))];
+	/** The month at place `index`: heading with the picker panel, paging at the first, the grid. */
+	const month = (grid, index) => {
+		const gridAria = createPartProps(() => grid().gridAria);
+		return (() => {
+			var _el$6 = _tmpl$5(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$8.nextSibling;
+			insert(_el$6, createComponent(Show, {
+				get when() {
+					return state.pickers?.[index];
+				},
+				children: (picker) => createComponent(Popover, {
+					embedded: "calendar.picker",
+					"class": "so-calendar__heading",
+					tag: "div",
+					contained: true,
+					edge: "top",
+					get ctrl() {
+						return picker().popover;
+					},
+					get aria_labelledBy() {
+						return picker().labelledBy;
+					},
+					get trigger() {
+						return title(grid);
+					},
+					get children() {
+						return card(picker);
+					}
+				})
+			}), _el$7);
+			insert(_el$6, createComponent(Show, {
+				when: index === 0,
+				get children() {
+					return paging();
+				}
+			}), _el$7);
+			spread(_el$7, mergeProps(gridAria), false, true);
+			insert(_el$9, createComponent(Index, {
+				get each() {
+					return state.weekdays;
+				},
+				children: (weekday) => (() => {
+					var _el$1 = _tmpl$6();
+					insert(_el$1, () => weekday().label);
+					return _el$1;
+				})()
+			}));
+			insert(_el$0, createComponent(Index, {
+				get each() {
+					return grid().weeks;
+				},
+				children: week
+			}));
+			return _el$6;
+		})();
+	};
+	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 [(() => {
+								var _el$10 = _tmpl$7();
+								insert(_el$10, createComponent(Index, {
+									get each() {
+										return state.grids;
+									},
+									children: month
+								}));
+								return _el$10;
+							})(), createComponent(ResolvedSlot, {
+								get content() {
+									return props.footer;
+								},
+								children: (nodes) => (() => {
+									var _el$11 = _tmpl$8();
+									insert(_el$11, nodes);
+									return _el$11;
+								})()
+							})];
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { Calendar };

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

@@ -0,0 +1,7 @@
+import type { ICalendar } from '@soxa-ui/core';
+import type { CalendarCollectionDescriptor, CalendarDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События Calendar — свои и фасада коллекции. */
+export type CalendarEventProps = EventProps<typeof CalendarDescriptor> & EventProps<typeof CalendarCollectionDescriptor>;
+/** Пропсы Calendar: коллекционные входы несёт интерфейс пропсов ядра (`ICalendarProps`). */
+export type CalendarProps = UseDomProps<typeof CalendarDescriptor, ICalendar, CalendarEventProps>;

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

@@ -0,0 +1,8 @@
+import { Calendar as CalendarComponent } from './Calendar';
+import { CalendarItem } from './item';
+export * from './base.component';
+export { setupCalendar } from './setup.component';
+export * from './item';
+export declare const Calendar: typeof CalendarComponent & {
+    Item: typeof CalendarItem;
+};

package/dist/components/calendar/index.js

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

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

@@ -0,0 +1,8 @@
+import type { JSX } from 'solid-js';
+import type { CalendarItemProps } from './base.component';
+/**
+ * День календаря — сама ячейка сетки (`td`), фокус и наборы на ней. Плитка дня — `div`,
+ * а не `span`: в слот кладут и блочное содержимое. Полосу диапазона тема рисует
+ * псевдоэлементом ячейки — своего узла у неё нет.
+ */
+export declare function CalendarItem(props: CalendarItemProps): JSX.Element;

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

@@ -0,0 +1,51 @@
+import { resolveSlot } 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 { setupCalendarItem } from "./setup.component.js";
+import { createComponent, insert, template } from "solid-js/web";
+//#region src/components/calendar/item/Item.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class=so-calendar-item__day>`);
+/**
+* День календаря — сама ячейка сетки (`td`), фокус и наборы на ней. Плитка дня — `div`,
+* а не `span`: в слот кладут и блочное содержимое. Полосу диапазона тема рисует
+* псевдоэлементом ячейки — своего узла у неё нет.
+*/
+function CalendarItem(props) {
+	const binding = setupCalendarItem(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	const content = resolveSlot(() => props.children, () => ({ text: state.text ?? "" }));
+	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() {
+					var _el$ = _tmpl$();
+					insert(_el$, () => content() ?? state.text);
+					return _el$;
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { CalendarItem };

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

@@ -0,0 +1,7 @@
+import type { ICalendarItem } from '@soxa-ui/core';
+import type { CalendarCollectionItemDescriptor, CalendarItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+/** События дня — свои и фасада. */
+export type CalendarItemEventProps = EventProps<typeof CalendarItemDescriptor> & EventProps<typeof CalendarCollectionItemDescriptor>;
+/** Пропсы дня: входов нет — всё дню пишут календарь и расширения коллекции. */
+export type CalendarItemProps = UseDomProps<typeof CalendarItemDescriptor, ICalendarItem, CalendarItemEventProps>;

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

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

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

@@ -0,0 +1,13 @@
+import type { CalendarItemProps } from './base.component';
+export declare function setupCalendarItem(props: CalendarItemProps): import("../../../adapter").TJoinedBinding<import("../../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ICalendarItem<import("@soxa-ui/core").ICalendarItemProps, import("@soxa-ui/core").TCalendarItemEvents>, {
+    props: object & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {};
+    outputs: object & {} & {};
+}>, CalendarItemProps>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TCalendarItemCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, CalendarItemProps>;

package/dist/components/calendar/item/setup.component.js

@@ -0,0 +1,21 @@
+import { createSolidAdapterContext } from "../../../adapter/common/createSolidAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../../adapter/elevator/useElevator.js";
+import { CalendarCollectionItemDescriptor, CalendarItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/calendar/item/setup.component.ts
+function setupCalendarItem(props) {
+	const { elevator } = useElevator();
+	const adapter = createSolidAdapterContext(CalendarItemDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	const item = createSolidAdapterContext(CalendarCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+		adapter,
+		elevator
+	});
+	const itemBinding = useCollectionAdapter(item, props);
+	const owner = useAdapter(adapter, props);
+	return joinBindings(owner, itemBinding);
+}
+//#endregion
+export { setupCalendarItem };

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

@@ -0,0 +1,36 @@
+import type { CalendarProps } from './base.component';
+/** `engine` снаружи держит тот, кто зовёт команды расширений календаря, — панель DatePicker. */
+export declare function setupCalendar(props: CalendarProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ref: (el: Element) => void;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ctrl: object & import("@soxa-ui/core").ICalendar;
+    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").ICalendar, {
+        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").TCalendarCollectionFacade, {
+        props: object;
+        events: object;
+        outputs: object;
+    }>>>;
+    forwardProps: () => Partial<CalendarProps>;
+};

package/dist/components/calendar/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 { CalendarCollectionDescriptor, CalendarDescriptor, TCollectionExtension } from "@soxa-ui/setup";
+//#region src/components/calendar/setup.component.ts
+/** `engine` снаружи держит тот, кто зовёт команды расширений календаря, — панель DatePicker. */
+function setupCalendar(props) {
+	const { elevator, layer } = useElevator();
+	const adapter = createSolidAdapterContext(CalendarDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	const collectionAdapter = createSolidAdapterContext(CalendarCollectionDescriptor(), {
+		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 { setupCalendar };

package/dist/components/check-box/CheckBox.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from 'solid-js';
+import type { CheckBoxProps } from './base.component';
+/**
+ * Флажок: нативный `<input type="checkbox">` и коробка с отметкой; всё — `span` (кладут в `Label`).
+ * Отметка — `svg` роли, а не Icon: она пропадает с каждой сменой, и Icon собирал бы
+ * контекст и плагины на каждую — в таблице «выбрать все» тысячами.
+ */
+export declare function CheckBox(props: CheckBoxProps): JSX.Element;