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

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

@@ -0,0 +1,47 @@
+import { type TRootReceiver } from '../../adapter';
+import type { AccordionProps } from './base.component';
+export declare function setupAccordion(getProps: () => AccordionProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IAccordion, {
+    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 & {} & {} & {} & {} & {} & {} & {} & {};
+}>, AccordionProps, import("../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TAccordionCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IAccordion, {
+    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 & {} & {} & {} & {} & {} & {} & {} & {};
+}>>>>;

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

@@ -0,0 +1,21 @@
+import { AccordionCollectionDescriptor, AccordionDescriptor, TCollectionExtension, TDragAndDropCollectionExtension, } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, joinBindings, useAdapter, useCollectionAdapter, useElevator, } from '../../adapter';
+export function setupAccordion(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const props = getProps();
+    const adapter = createSvelteAdapterContext(AccordionDescriptor(), {
+        ctrl: props.ctrl,
+        props,
+        mountId,
+    });
+    const collectionAdapter = createSvelteAdapterContext(AccordionCollectionDescriptor(), {
+        props,
+        mountId,
+        options: { owner: adapter.instance, engine: props.engine },
+    }, { bundle: adapter.bundle })
+        .use(TCollectionExtension, { elevator })
+        .use(TDragAndDropCollectionExtension, { elevator });
+    const collectionBinding = useCollectionAdapter(collectionAdapter, getProps);
+    const owner = useAdapter(adapter, getProps, receive);
+    return joinBindings(owner, collectionBinding);
+}

package/dist/components/button/Button.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { Dynamic, toRootProps } from '../../adapter'
+	import { setupButton } from './setup.component'
+	import type { ButtonProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: ButtonProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupButton(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!--
+	The content falls back to `state.text` in the block of the slot: owners (a tab, a section
+	header) hand their markup to the button always. `leading` and `trailing` are usually not set,
+	and a block by presence costs no branch then. The parts are glued: Svelte would keep a space
+	between them as text.
+-->
+{#snippet plain()}{state.text}{/snippet}
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+	)}
+	attach={binding.attachElement}
+>
+	{#if props.leading}{@render props.leading()}{/if}<span class="so-button__text"
+		>{@render (props.children ?? plain)({ text: state.text ?? '' })}</span
+	>{#if props.trailing}{@render props.trailing()}{/if}
+</Dynamic>

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

@@ -0,0 +1,4 @@
+import type { ButtonProps } from './base.component';
+declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
+type Button = ReturnType<typeof Button>;
+export default Button;

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

@@ -0,0 +1,7 @@
+import type { HTMLButtonAttributes } from 'svelte/elements';
+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>`. */
+export type ButtonProps = UseDomProps<typeof ButtonDescriptor, IButton, ButtonEventProps, HTMLButtonAttributes>;

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

@@ -0,0 +1 @@
+export {};

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

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

package/dist/components/button/index.js

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

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

@@ -0,0 +1,43 @@
+import { type TRootReceiver } from '../../adapter';
+import type { ButtonProps } from './base.component';
+export declare function setupButton(getProps: () => ButtonProps, mountId: string, receive: TRootReceiver): 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, import("@soxa-ui/setup").TAdapterState<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 & {} & {} & {} & {};
+}>>>;

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

@@ -0,0 +1,10 @@
+import { ButtonDescriptor } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, useAdapter } from '../../adapter';
+export function setupButton(getProps, mountId, receive) {
+    const adapter = createSvelteAdapterContext(ButtonDescriptor(), {
+        ctrl: getProps().ctrl,
+        props: getProps(),
+        mountId,
+    });
+    return useAdapter(adapter, getProps, receive);
+}

package/dist/components/calendar/Calendar.svelte

@@ -0,0 +1,193 @@
+<script lang="ts">
+	import type { DescriptorSlots, PopoverDescriptor } from '@soxa-ui/setup'
+	import { Dynamic, roleIcon, toRootProps } from '../../adapter'
+	import { Button } from '../button'
+	import { Icon } from '../icon'
+	import { ListBox } from '../list-box'
+	import { Popover } from '../popover'
+	import { CalendarItem } from './item'
+	import { setupCalendar } from './setup.component'
+	import type { CalendarProps } from './base.component'
+
+	type TTriggerScope = DescriptorSlots<typeof PopoverDescriptor>['trigger']
+
+	let { ref = $bindable(), ...props }: CalendarProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupCalendar(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+
+	// One icon for all arrows: there is no «left» role, the theme mirrors the arrow to the line start
+	const ARROW = roleIcon('arrowRight')
+</script>
+
+<!--
+	Calendar — months in a row of their own, the footer in another: next to the months it
+	would widen the row by its width. Nodes stand tight: Svelte would keep a space between
+	blocks as text.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+	)}
+	attach={binding.attachElement}
+>
+	<div class="so-calendar__months">
+		<!--
+			The key is the place of the grid, not the month: when paging, the title button, its
+			popover and the live region stay the same node — focus and the announcement are kept.
+		-->
+		{#each state.grids ?? [] as grid, index (index)}
+			{@const picker = state.pickers?.[index]}
+			<!-- The text is in a nested `span` with `titleAria`: the live region is the text. -->
+			{#snippet title({ triggerAria, triggerDataset }: TTriggerScope)}
+				<Button
+					embedded="calendar.title"
+					type="button"
+					class="so-calendar__title"
+					size={state.size}
+					disabled={state.disabled}
+					{...triggerAria}
+					{...triggerDataset}
+					><span class="so-calendar__title-text" {...grid.titleAria}>{grid.title}</span
+					></Button
+				>
+			{/snippet}
+			<!--
+				The block of the place is by the presence of the `picker` record, not by the record:
+				Popover and ListBox take `ctrl` and `engine` once, and the record is new on every
+				change. The root of the popover is a `div`: block markup has no place in an inline
+				`span`. Paging is one pair at the first month, right after the title: Tab follows
+				the eye.
+			-->
+			<div class="so-calendar__month">
+				{#if picker}<Popover
+						embedded="calendar.picker"
+						class="so-calendar__heading"
+						tag="div"
+						contained
+						edge="top"
+						ctrl={picker.popover}
+						aria_labelledBy={picker.labelledBy}
+						trigger={title}
+						><div class="so-calendar__picker">
+							<!--
+								The list comes before the header: focus on opening lands on it,
+								and the theme puts the header on top. The place gets its list
+								with the first opening of the popover — a block by its presence:
+								ListBox takes `ctrl` and `engine` once.
+							-->
+							{#if picker.list}<ListBox
+									embedded="calendar.picker-list"
+									class="so-calendar__picker-list"
+									ctrl={picker.list.ctrl}
+									engine={picker.list.engine}
+									size={state.size}
+									indicator="none"
+									aria_labelledBy={picker.labelledBy}
+								/>{/if}<div class="so-calendar__picker-header">
+								<Button
+									embedded="calendar.picker-heading"
+									type="button"
+									class="so-calendar__picker-heading"
+									size={state.size}
+									{...picker.headingAria}>{picker.heading}</Button
+								><Button
+									embedded="calendar.picker-prev"
+									type="button"
+									class="so-calendar__picker-prev"
+									size={state.size}
+									disabled={picker.prevDisabled}
+									{...picker.prevAria}
+									><Icon
+										embedded="calendar.picker-prev-icon"
+										tag={ARROW}
+										size={state.size}
+									/></Button
+								><Button
+									embedded="calendar.picker-next"
+									type="button"
+									class="so-calendar__picker-next"
+									size={state.size}
+									disabled={picker.nextDisabled}
+									{...picker.nextAria}
+									><Icon
+										embedded="calendar.picker-next-icon"
+										tag={ARROW}
+										size={state.size}
+									/></Button
+								>
+							</div>
+						</div></Popover
+					>{/if}{#if index === 0}<Button
+						embedded="calendar.prev"
+						type="button"
+						class="so-calendar__prev"
+						size={state.size}
+						disabled={state.prevDisabled}
+						{...state.prevAria}
+					>
+						{#if props['prev-icon']}
+							{@render props['prev-icon']()}
+						{:else}
+							<Icon embedded="calendar.prev-icon" tag={ARROW} size={state.size} />
+						{/if}
+					</Button><Button
+						embedded="calendar.next"
+						type="button"
+						class="so-calendar__next"
+						size={state.size}
+						disabled={state.nextDisabled}
+						{...state.nextAria}
+					>
+						{#if props['next-icon']}
+							{@render props['next-icon']()}
+						{:else}
+							<Icon embedded="calendar.next-icon" tag={ARROW} size={state.size} />
+						{/if}
+					</Button>{/if}<table class="so-calendar__grid" {...grid.gridAria}>
+					<thead aria-hidden="true">
+						<tr class="so-calendar__weekdays">
+							{#each state.weekdays ?? [] as weekday, place (place)}
+								<th class="so-calendar__weekday">{weekday.label}</th>
+							{/each}
+						</tr>
+					</thead>
+					<tbody>
+						<!--
+							Weeks are keyed by their place, cells by the date: a new first day of the
+							week keeps six days of seven in their row, and a day stays the same node,
+							with focus. The day takes `ctrl` at
+							assembly — hence `{#key}`. `item` is relayed only when the slot is set:
+							an empty snippet would not give way to the number.
+						-->
+						{#each grid.weeks as week, place (place)}
+							<tr class="so-calendar__week">
+								{#each week as cell (cell.date)}
+									{#if cell.item}
+										{@const item = cell.item}
+										{#snippet day(scope: { text: string })}
+											{@render props.item?.({ ...scope, item })}
+										{/snippet}
+										{#key item}
+											<CalendarItem
+												ctrl={item}
+												children={props.item ? day : undefined}
+											/>
+										{/key}
+									{:else}
+										<td class="so-calendar__filler" {...cell.aria}></td>
+									{/if}
+								{/each}
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+		{/each}
+	</div>{#if props.footer}<div class="so-calendar__footer">{@render props.footer()}</div>{/if}
+</Dynamic>

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

@@ -0,0 +1,4 @@
+import type { CalendarProps } from './base.component';
+declare const Calendar: import("svelte").Component<CalendarProps, {}, "ref">;
+type Calendar = ReturnType<typeof Calendar>;
+export default Calendar;

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

@@ -0,0 +1,5 @@
+import type { ICalendar } from '@soxa-ui/core';
+import type { CalendarCollectionDescriptor, CalendarDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type CalendarEventProps = EventProps<typeof CalendarDescriptor> & EventProps<typeof CalendarCollectionDescriptor>;
+export type CalendarProps = UseDomProps<typeof CalendarDescriptor, ICalendar, CalendarEventProps>;

package/dist/components/calendar/base.component.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+export * from './base.component';
+export { setupCalendar } from './setup.component';
+export * from './item';
+export declare const Calendar: import("svelte").Component<import("./base.component").CalendarProps, {}, "ref"> & {
+    Item: import("svelte").Component<import("./item").CalendarItemProps, {}, "ref">;
+};

package/dist/components/calendar/index.js

@@ -0,0 +1,7 @@
+import { withParts } from '@soxa-ui/setup';
+import CalendarComponent from './Calendar.svelte';
+import { CalendarItem } from './item';
+export * from './base.component';
+export { setupCalendar } from './setup.component';
+export * from './item';
+export const Calendar = withParts(CalendarComponent, { Item: CalendarItem });

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

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { Dynamic, toRootProps } from '../../../adapter'
+	import { setupCalendarItem } from './setup.component'
+	import type { CalendarItemProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: CalendarItemProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupCalendarItem(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!--
+	CalendarItem — корень сама ячейка (`td`): по APG фокус стоит на ячейке, а кнопка
+	внутри развела бы ячейку и то, что фокусируют. Плитка дня — `div`, а не `span`:
+	в слот кладут и блочное содержимое.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+	)}
+	attach={binding.attachElement}
+>
+	<div class="so-calendar-item__day">
+		{#if props.children}{@render props.children({ text: state.text ?? '' })}{:else}{state.text}{/if}
+	</div>
+</Dynamic>

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

@@ -0,0 +1,4 @@
+import type { CalendarItemProps } from './base.component';
+declare const Item: import("svelte").Component<CalendarItemProps, {}, "ref">;
+type Item = ReturnType<typeof Item>;
+export default Item;

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

@@ -0,0 +1,6 @@
+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/base.component.js

@@ -0,0 +1 @@
+export {};

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { type TRootReceiver } from '../../../adapter';
+import type { CalendarItemProps } from './base.component';
+export declare function setupCalendarItem(getProps: () => CalendarItemProps, mountId: string, receive: TRootReceiver): 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("../../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TCalendarItemCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, import("@soxa-ui/setup").TAdapterState<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 & {} & {};
+}>>>>;

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

@@ -0,0 +1,15 @@
+import { CalendarCollectionItemDescriptor, CalendarItemDescriptor, TCollectionItemExtension, } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, joinBindings, useAdapter, useCollectionAdapter, useElevator, } from '../../../adapter';
+export function setupCalendarItem(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const props = getProps();
+    const adapter = createSvelteAdapterContext(CalendarItemDescriptor(), {
+        ctrl: props.ctrl,
+        props,
+        mountId,
+    });
+    const item = createSvelteAdapterContext(CalendarCollectionItemDescriptor(), { props, mountId }, { bundle: adapter.bundle }).use(TCollectionItemExtension, { adapter, elevator });
+    const itemBinding = useCollectionAdapter(item, getProps);
+    const owner = useAdapter(adapter, getProps, receive);
+    return joinBindings(owner, itemBinding);
+}

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

@@ -0,0 +1,47 @@
+import { type TRootReceiver } from '../../adapter';
+import type { CalendarProps } from './base.component';
+export declare function setupCalendar(getProps: () => CalendarProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<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 & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+}>, CalendarProps, import("../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TCalendarCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, 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 & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+}>>>>;

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

@@ -0,0 +1,19 @@
+import { CalendarCollectionDescriptor, CalendarDescriptor, TCollectionExtension, } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, joinBindings, useAdapter, useCollectionAdapter, useElevator, } from '../../adapter';
+export function setupCalendar(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const props = getProps();
+    const adapter = createSvelteAdapterContext(CalendarDescriptor(), {
+        ctrl: props.ctrl,
+        props,
+        mountId,
+    });
+    const collectionAdapter = createSvelteAdapterContext(CalendarCollectionDescriptor(), {
+        props,
+        mountId,
+        options: { owner: adapter.instance, engine: props.engine },
+    }, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator });
+    const collectionBinding = useCollectionAdapter(collectionAdapter, getProps);
+    const owner = useAdapter(adapter, getProps, receive);
+    return joinBindings(owner, collectionBinding);
+}

package/dist/components/check-box/CheckBox.svelte

@@ -0,0 +1,66 @@
+<script lang="ts">
+	import {
+		Dynamic,
+		RoleIcon,
+		roleIcon,
+		toControlAttrs,
+		toRootForward,
+		toRootProps,
+	} from '../../adapter'
+	import { setupCheckBox } from './setup.component'
+	import type { CheckBoxAttributes, CheckBoxProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: CheckBoxProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupCheckBox(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+
+	// `<svg>` роли (`RoleIcon`), а не Icon: «выбрать все» в таблице собирало бы Icon тысячами
+	const CHECK = roleIcon('check')
+	const INDETERMINATE = roleIcon('checkIndeterminate')
+	const MARK = { class: 'so-check-box__mark' }
+</script>
+
+<!--
+	CheckBox — корень и всё внутри — `span`: флажок кладут в `Label`, где разрешена только
+	строчная разметка. `checked` и `indeterminate` Svelte пишет свойствами; на сервере —
+	атрибутами, но HTML знает только `checked`, и «выбрано частично» поле покажет после
+	гидратации. Коробка под `aria-hidden`: иконки слотов не идут в имя от подписи.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.dataset],
+		toRootForward(binding.forwardProps),
+	)}
+	attach={binding.attachElement}
+>
+	<input
+		type="checkbox"
+		id={state.id}
+		name={state.name}
+		disabled={state.disabled}
+		required={state.required}
+		{...state.aria}
+		{...toControlAttrs<CheckBoxAttributes>(binding.forwardProps)}
+		checked={state.value}
+		indeterminate={state.indeterminate}
+	/><span class="so-check-box__container" aria-hidden="true">
+		{#if state.indeterminate}
+			{#if props['indeterminate-icon']}
+				{@render props['indeterminate-icon']({ value: state.value, indeterminate: true })}
+			{:else}
+				<RoleIcon icon={INDETERMINATE} attributes={MARK} />
+			{/if}
+		{:else if state.value}
+			{#if props.icon}
+				{@render props.icon({ value: state.value, indeterminate: false })}
+			{:else}
+				<RoleIcon icon={CHECK} attributes={MARK} />
+			{/if}
+		{/if}
+	</span>
+</Dynamic>