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

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

@@ -0,0 +1,6 @@
+import { Accordion as AccordionComponent } from './Accordion';
+export * from './base.component';
+export * from './item';
+export declare const Accordion: typeof AccordionComponent & {
+    Item: import("react").NamedExoticComponent<import("./item").AccordionItemProps>;
+};

package/dist/components/accordion/index.js

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

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

@@ -0,0 +1,6 @@
+import type { AccordionItemProps } from './base.component';
+/**
+ * AccordionItem — секция: заголовок `Button` и панель с набором `contentAria`.
+ * Атрибуты потребителя — заголовку: AGENTS.md (React), «Корень и `ref` потребителя».
+ */
+export declare const AccordionItem: import("react").NamedExoticComponent<AccordionItemProps>;

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

@@ -0,0 +1,68 @@
+"use client";
+import { toAriaProps } from "../../../adapter/common/aria.js";
+import { toControlAttrs, toRootForward, toRootProps } from "../../../adapter/common/root.js";
+import { hasSlot, renderSlot } from "../../../adapter/common/slots.js";
+import { roleIcon } from "../../../adapter/common/icon.js";
+import { useClickAction } from "../../../adapter/runtime/useClickAction.js";
+import { withRenderBoundary } from "../../../adapter/runtime/withRenderBoundary.js";
+import { Button } from "../../button/Button.js";
+import { Icon } from "../../icon/Icon.js";
+import { useSetupAccordionItem } from "./setup.component.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/accordion/item/Item.tsx
+/**
+* AccordionItem — секция: заголовок `Button` и панель с набором `contentAria`.
+* Атрибуты потребителя — заголовку: AGENTS.md (React), «Корень и `ref` потребителя».
+*/
+var AccordionItem = withRenderBoundary(function AccordionItem(props) {
+	const { ref, forwardProps, state, context, ctrl } = useSetupAccordionItem(props);
+	const toggle = useClickAction(() => context?.adapters.selection.toggle());
+	const { rendered, tag, text, view, disabled, size, variant, selected, arrowPlacement, contentAria, aria, dataset, attrs } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const header = toControlAttrs(forwardProps);
+	const item = ctrl;
+	const arrowAt = (side, slot) => {
+		if (arrowPlacement !== side) return null;
+		const rendered = renderSlot(slot, { item });
+		return hasSlot(rendered) || arrowPlacement === side ? /* @__PURE__ */ jsx("span", {
+			className: "so-accordion-item__arrow",
+			children: hasSlot(rendered) ? rendered : /* @__PURE__ */ jsx(Icon, {
+				embedded: "accordion.arrow",
+				tag: roleIcon("arrowRight"),
+				size
+			})
+		}) : null;
+	};
+	return /* @__PURE__ */ jsxs(Tag, {
+		...toRootProps(ref, state, [dataset, attrs], toRootForward(forwardProps)),
+		children: [/* @__PURE__ */ jsx(Button, {
+			embedded: "accordion.header",
+			type: "button",
+			className: "so-accordion-item__header",
+			view,
+			disabled,
+			size,
+			variant,
+			...toAriaProps(aria),
+			...header,
+			ref: toggle,
+			leading: /* @__PURE__ */ jsxs(Fragment, { children: [arrowAt("start", props["arrow-icon"]), renderSlot(props.leading, { item })] }),
+			trailing: /* @__PURE__ */ jsxs(Fragment, { children: [renderSlot(props.trailing, { item }), arrowAt("end", props["arrow-icon"])] }),
+			children: renderSlot(props.header, {
+				item,
+				text: text ?? "",
+				selected: selected ?? false
+			}) ?? text
+		}), /* @__PURE__ */ jsx("div", {
+			className: "so-accordion-item__body",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "so-accordion-item__content",
+				...toAriaProps(contentAria),
+				children: renderSlot(props.children, { item })
+			})
+		})]
+	});
+});
+//#endregion
+export { AccordionItem };

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

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'react';
+import type { IAccordionItem } from '@soxa-ui/core';
+import type { AccordionCollectionItemDescriptor, AccordionItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../../types';
+/** События секции — свои и фасада. */
+export type AccordionItemEventProps = EventProps<typeof AccordionItemDescriptor> & EventProps<typeof AccordionCollectionItemDescriptor>;
+/** Атрибуты секции: класс и стиль — корню, остальное — заголовку. */
+export type AccordionItemAttributes = TDomAttributes<typeof AccordionItemDescriptor, HTMLAttributes<HTMLElement>, AccordionItemEventProps>;
+export type AccordionItemProps = UseDomProps<typeof AccordionItemDescriptor, IAccordionItem, AccordionItemEventProps>;

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

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

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

@@ -0,0 +1,17 @@
+import type { AccordionItemProps } from './base.component';
+export declare function useSetupAccordionItem(props: AccordionItemProps): {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>, import("@soxa-ui/core").TAccordionCollectionExtensions> | undefined;
+    ref: (el: Element | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>;
+    root: import("../../../adapter").TRootSource;
+    forwardProps: Partial<AccordionItemProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {
+        id?: string | undefined;
+    } & {}> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TAccordionItemCollectionFacade> & object;
+};

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

@@ -0,0 +1,23 @@
+"use client";
+import { useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useAdapterContext } from "../../../adapter/runtime/useAdapterContext.js";
+import { AccordionCollectionItemDescriptor, AccordionItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/accordion/item/setup.component.ts
+function useSetupAccordionItem(props) {
+	const { contexts: [adapter, item] } = useAdapterContext((create, elevator) => {
+		const adapter = create(AccordionItemDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [adapter, create(AccordionCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+			adapter,
+			elevator
+		})];
+	});
+	return {
+		...useCollectionAdapter(useAdapter(adapter, props), item, props),
+		context: item.instance.context
+	};
+}
+//#endregion
+export { useSetupAccordionItem };

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

@@ -0,0 +1,15 @@
+import type { AccordionProps } from './base.component';
+export declare function useSetupAccordion(props: AccordionProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ref: (el: Element | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").IAccordion;
+    root: import("../../adapter").TRootSource;
+    forwardProps: Partial<AccordionProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").IAccordion> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TAccordionCollectionFacade> & object;
+};

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

@@ -0,0 +1,26 @@
+"use client";
+import { useAdapter, useCollectionAdapter } from "../../adapter/runtime/useAdapter.js";
+import { useAdapterContext } from "../../adapter/runtime/useAdapterContext.js";
+import { AccordionCollectionDescriptor, AccordionDescriptor, TCollectionExtension, TDragAndDropCollectionExtension } from "@soxa-ui/setup";
+//#region src/components/accordion/setup.component.ts
+function useSetupAccordion(props) {
+	const { contexts: [adapter, collectionAdapter], layer } = useAdapterContext((create, elevator) => {
+		const adapter = create(AccordionDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [adapter, create(AccordionCollectionDescriptor(), {
+			props,
+			options: {
+				owner: adapter.instance,
+				engine: props.engine
+			}
+		}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator }).use(TDragAndDropCollectionExtension, { elevator })];
+	});
+	return {
+		...useCollectionAdapter(useAdapter(adapter, props), collectionAdapter, props),
+		layer
+	};
+}
+//#endregion
+export { useSetupAccordion };

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

@@ -0,0 +1,15 @@
+import type { ReactElement } from 'react';
+import { useSetupButton } from './setup.component';
+import type { ButtonProps } from './base.component';
+/**
+ * Button — кнопка с текстом и слотами `leading`, `default`, `trailing`.
+ * Порядок атрибутов корня — AGENTS.md (React), «Корень и `ref` потребителя».
+ */
+export declare function Button(props: ButtonProps): ReactElement | null;
+/** Что разметке кнопки нужно от её связки. */
+export type TButtonBinding = Pick<ReturnType<typeof useSetupButton>, 'ref' | 'forwardProps' | 'state'>;
+/**
+ * Разметка кнопки по её связке. Одна на Button и строку элемента коллекции
+ * (`ItemRow`): у них разная сборка, а разметка та же.
+ */
+export declare function renderButton({ ref, forwardProps, state }: TButtonBinding, props: ButtonProps): ReactElement | null;

package/dist/components/button/Button.js

@@ -0,0 +1,38 @@
+"use client";
+import { toRootProps } from "../../adapter/common/root.js";
+import { renderSlot } from "../../adapter/common/slots.js";
+import { useSetupButton } from "./setup.component.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/button/Button.tsx
+/**
+* Button — кнопка с текстом и слотами `leading`, `default`, `trailing`.
+* Порядок атрибутов корня — AGENTS.md (React), «Корень и `ref` потребителя».
+*/
+function Button(props) {
+	return renderButton(useSetupButton(props), props);
+}
+/**
+* Разметка кнопки по её связке. Одна на Button и строку элемента коллекции
+* (`ItemRow`): у них разная сборка, а разметка та же.
+*/
+function renderButton({ ref, forwardProps, state }, props) {
+	const { rendered, tag, text, aria, dataset, attrs } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsxs(tag, {
+		...toRootProps(ref, state, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps),
+		children: [
+			renderSlot(props.leading),
+			/* @__PURE__ */ jsx("span", {
+				className: "so-button__text",
+				children: renderSlot(props.children, { text: text ?? "" }) ?? text
+			}),
+			renderSlot(props.trailing)
+		]
+	});
+}
+//#endregion
+export { Button, renderButton };

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

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

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

@@ -0,0 +1,2 @@
+export * from './base.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 useSetupButton(props: ButtonProps): import("../../adapter").TComponentBinding<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:removed": () => void;
+        "element:ready": (element: Element) => 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;
+    } & {
+        "action:blur": (event: FocusEvent) => void;
+        "action:click": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+    };
+    outputs: object & {} & {} & {} & {};
+}>, ButtonProps>;

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

@@ -0,0 +1,12 @@
+"use client";
+import { useComponent } from "../../adapter/runtime/useComponent.js";
+import { ButtonDescriptor } from "@soxa-ui/setup";
+//#region src/components/button/setup.component.ts
+function useSetupButton(props) {
+	return useComponent((create) => create(ButtonDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}), props);
+}
+//#endregion
+export { useSetupButton };

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

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { CalendarProps } from './base.component';
+/**
+ * Calendar — grids of the shown months, paging and the footer: docs/agents/dates.md, «Даты».
+ * The popover is keyed by its instance: AGENTS.md (React), «Пересобранный инстанс и `key`».
+ */
+export declare function Calendar(props: CalendarProps): ReactElement | null;

package/dist/components/calendar/Calendar.js

@@ -0,0 +1,190 @@
+"use client";
+import { toAriaProps } from "../../adapter/common/aria.js";
+import { toRootProps } from "../../adapter/common/root.js";
+import { hasSlot, relaySlot, renderSlot } from "../../adapter/common/slots.js";
+import { roleIcon } from "../../adapter/common/icon.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 { useSetupCalendar } from "./setup.component.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/calendar/Calendar.tsx
+/** One icon for all arrows: there is no «left» role, the theme mirrors the arrow to the line start. */
+var ARROW = roleIcon("arrowRight");
+/** A week cell: a day is a collection item, a placeholder is an empty cell. */
+function drawCell(props, cell) {
+	const { item } = cell;
+	if (!item) return /* @__PURE__ */ jsx("td", {
+		className: "so-calendar__filler",
+		...toAriaProps(cell.aria)
+	}, cell.date);
+	return /* @__PURE__ */ jsx(CalendarItem, {
+		ctrl: item,
+		children: relaySlot(props.item, { item })
+	}, cell.date);
+}
+/**
+* The picker's card: the list comes before the header in the DOM — focus on opening lands on it.
+* The place gets its list with the first opening of the popover; the list is keyed by its instance.
+*/
+function drawCard(picker, size) {
+	const { list } = picker;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "so-calendar__picker",
+		children: [list ? /* @__PURE__ */ jsx(ListBox, {
+			embedded: "calendar.picker-list",
+			className: "so-calendar__picker-list",
+			ctrl: list.ctrl,
+			engine: list.engine,
+			size,
+			indicator: "none",
+			aria_labelledBy: picker.labelledBy
+		}, list.ctrl.uid) : null, /* @__PURE__ */ jsxs("div", {
+			className: "so-calendar__picker-header",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					embedded: "calendar.picker-heading",
+					type: "button",
+					className: "so-calendar__picker-heading",
+					size,
+					...toAriaProps(picker.headingAria),
+					children: picker.heading
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					embedded: "calendar.picker-prev",
+					type: "button",
+					className: "so-calendar__picker-prev",
+					size,
+					disabled: picker.prevDisabled,
+					...toAriaProps(picker.prevAria),
+					children: /* @__PURE__ */ jsx(Icon, {
+						embedded: "calendar.picker-prev-icon",
+						tag: ARROW,
+						size
+					})
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					embedded: "calendar.picker-next",
+					type: "button",
+					className: "so-calendar__picker-next",
+					size,
+					disabled: picker.nextDisabled,
+					...toAriaProps(picker.nextAria),
+					children: /* @__PURE__ */ jsx(Icon, {
+						embedded: "calendar.picker-next-icon",
+						tag: ARROW,
+						size
+					})
+				})
+			]
+		})]
+	});
+}
+/**
+* Calendar — grids of the shown months, paging and the footer: docs/agents/dates.md, «Даты».
+* The popover is keyed by its instance: AGENTS.md (React), «Пересобранный инстанс и `key`».
+*/
+function Calendar(props) {
+	const { ref, forwardProps, state, layer } = useSetupCalendar(props);
+	const { rendered, tag, attrs, aria, dataset, size, disabled, grids, pickers, weekdays, prevDisabled, nextDisabled, prevAria, nextAria } = state;
+	if (!rendered) return null;
+	const Tag = tag;
+	const title = (grid) => ({ triggerAria, triggerDataset }) => /* @__PURE__ */ jsx(Button, {
+		embedded: "calendar.title",
+		type: "button",
+		className: "so-calendar__title",
+		size,
+		disabled,
+		...toAriaProps(triggerAria),
+		...toAriaProps(triggerDataset),
+		children: /* @__PURE__ */ jsx("span", {
+			className: "so-calendar__title-text",
+			...toAriaProps(grid.titleAria),
+			children: grid.title
+		})
+	});
+	const paging = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+		embedded: "calendar.prev",
+		type: "button",
+		className: "so-calendar__prev",
+		size,
+		disabled: prevDisabled,
+		...toAriaProps(prevAria),
+		children: renderSlot(props["prev-icon"]) ?? /* @__PURE__ */ jsx(Icon, {
+			embedded: "calendar.prev-icon",
+			tag: ARROW,
+			size
+		})
+	}), /* @__PURE__ */ jsx(Button, {
+		embedded: "calendar.next",
+		type: "button",
+		className: "so-calendar__next",
+		size,
+		disabled: nextDisabled,
+		...toAriaProps(nextAria),
+		children: renderSlot(props["next-icon"]) ?? /* @__PURE__ */ jsx(Icon, {
+			embedded: "calendar.next-icon",
+			tag: ARROW,
+			size
+		})
+	})] });
+	const month = (grid, index) => {
+		const picker = pickers?.[index];
+		return /* @__PURE__ */ jsxs("div", {
+			className: "so-calendar__month",
+			children: [
+				picker ? /* @__PURE__ */ jsx(Popover, {
+					embedded: "calendar.picker",
+					className: "so-calendar__heading",
+					tag: "div",
+					contained: true,
+					edge: "top",
+					ctrl: picker.popover,
+					aria_labelledBy: picker.labelledBy,
+					trigger: title(grid),
+					children: drawCard(picker, size)
+				}, picker.popover.uid) : null,
+				index === 0 ? paging : null,
+				/* @__PURE__ */ jsxs("table", {
+					className: "so-calendar__grid",
+					...toAriaProps(grid.gridAria),
+					children: [/* @__PURE__ */ jsx("thead", {
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ jsx("tr", {
+							className: "so-calendar__weekdays",
+							children: weekdays?.map((weekday, column) => /* @__PURE__ */ jsx("th", {
+								className: "so-calendar__weekday",
+								children: weekday.label
+							}, column))
+						})
+					}), /* @__PURE__ */ jsx("tbody", { children: grid.weeks.map((week, place) => /* @__PURE__ */ jsx("tr", {
+						className: "so-calendar__week",
+						children: week.map((cell) => drawCell(props, cell))
+					}, place)) })]
+				})
+			]
+		}, index);
+	};
+	return /* @__PURE__ */ jsx(Tag, {
+		...toRootProps(ref, state, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps),
+		children: /* @__PURE__ */ jsxs(Elevate, {
+			layer,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "so-calendar__months",
+				children: grids?.map(month)
+			}), hasSlot(props.footer) ? /* @__PURE__ */ jsx("div", {
+				className: "so-calendar__footer",
+				children: renderSlot(props.footer)
+			}) : null]
+		})
+	});
+}
+//#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; коллекционные входы (`engine`, `mode`) несёт `ICalendarProps`. */
+export type CalendarProps = UseDomProps<typeof CalendarDescriptor, ICalendar, CalendarEventProps>;

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

@@ -0,0 +1,7 @@
+import { Calendar as CalendarComponent } from './Calendar';
+export * from './base.component';
+export * from './item';
+/** Основная форма — `<Calendar.Item>`; плоский `CalendarItem` работает так же. */
+export declare const Calendar: typeof CalendarComponent & {
+    Item: import("react").NamedExoticComponent<import("./item").CalendarItemProps>;
+};

package/dist/components/calendar/index.js

@@ -0,0 +1,8 @@
+import { CalendarItem } from "./item/Item.js";
+import { Calendar as Calendar$1 } from "./Calendar.js";
+import { withParts } from "@soxa-ui/setup";
+//#region src/components/calendar/index.ts
+/** Основная форма — `<Calendar.Item>`; плоский `CalendarItem` работает так же. */
+var Calendar = withParts(Calendar$1, { Item: CalendarItem });
+//#endregion
+export { Calendar };

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

@@ -0,0 +1,3 @@
+import type { CalendarItemProps } from './base.component';
+/** CalendarItem — день календаря, корень — ячейка сетки: docs/agents/dates.md, «Даты». */
+export declare const CalendarItem: import("react").NamedExoticComponent<CalendarItemProps>;

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

@@ -0,0 +1,26 @@
+"use client";
+import { toRootProps } from "../../../adapter/common/root.js";
+import { renderSlot } from "../../../adapter/common/slots.js";
+import { withRenderBoundary } from "../../../adapter/runtime/withRenderBoundary.js";
+import { useSetupCalendarItem } from "./setup.component.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/calendar/item/Item.tsx
+/** CalendarItem — день календаря, корень — ячейка сетки: docs/agents/dates.md, «Даты». */
+var CalendarItem = withRenderBoundary(function CalendarItem(props) {
+	const { ref, forwardProps, state } = useSetupCalendarItem(props);
+	const { rendered, tag, text, attrs, aria, dataset } = state;
+	if (!rendered) return null;
+	return /* @__PURE__ */ jsx(tag, {
+		...toRootProps(ref, state, [
+			attrs,
+			aria,
+			dataset
+		], forwardProps),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "so-calendar-item__day",
+			children: renderSlot(props.children, { text: text ?? "" }) ?? text
+		})
+	});
+});
+//#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>;
+/** Пропсы дня: входов нет — только `ctrl` и слот; атрибуты потребителя — ячейке. */
+export type CalendarItemProps = UseDomProps<typeof CalendarItemDescriptor, ICalendarItem, CalendarItemEventProps>;

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

@@ -0,0 +1,2 @@
+export * from './base.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 useSetupCalendarItem(props: CalendarItemProps): import("../../../adapter").TCollectionBinding<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:removed": () => void;
+        "element:ready": (element: Element) => void;
+    } & {};
+    outputs: object & {} & {};
+}>, CalendarItemProps>, 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,20 @@
+"use client";
+import { useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useAdapterContext } from "../../../adapter/runtime/useAdapterContext.js";
+import { CalendarCollectionItemDescriptor, CalendarItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/calendar/item/setup.component.ts
+function useSetupCalendarItem(props) {
+	const { contexts: [adapter, item] } = useAdapterContext((create, elevator) => {
+		const adapter = create(CalendarItemDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return [adapter, create(CalendarCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+			adapter,
+			elevator
+		})];
+	});
+	return useCollectionAdapter(useAdapter(adapter, props), item, props);
+}
+//#endregion
+export { useSetupCalendarItem };

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

@@ -0,0 +1,15 @@
+import type { CalendarProps } from './base.component';
+export declare function useSetupCalendar(props: CalendarProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ref: (el: Element | null) => void;
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    ctrl: object & import("@soxa-ui/core").ICalendar;
+    root: import("../../adapter").TRootSource;
+    forwardProps: Partial<CalendarProps>;
+    bindRef: (el: Element | null) => void;
+    state: import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").ICalendar> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {} & {} & {} & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {}> & import("@soxa-ui/setup").TInstanceState<object & import("@soxa-ui/core").TCalendarCollectionFacade> & object;
+};