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

package/dist/components/table/row/Row.svelte

@@ -0,0 +1,74 @@
+<script lang="ts">
+	import { Dynamic, runsOf, toRootProps } from '../../../adapter'
+	import { CheckBox } from '../../check-box'
+	import { setupTableRow } from './setup.component'
+	import type { TableRowProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: TableRowProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupTableRow(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const context = binding.context
+	// Строка — в scope слота `cell`: её туда кладут ячейки
+	const row = binding.ctrl
+</script>
+
+<!--
+	Чекбокс берётся только в ветке `selecting`: геттер item-адаптера таблицы его создаёт.
+	Ячейки — петля по колонке: записи новые на каждую смену, а узел с фокусом сетки остаётся.
+	Своей границы перерисовки ячейкам не нужно: Svelte перерисовывает то, что прочло сменившееся.
+	Ветки — над петлёй ячеек: ветка Svelte — блок с менеджером веток, эффектами и якорем, и в
+	каждой ячейке таблицы она стоила заметную часть памяти строки (benchmarks/table/svelte.md).
+	Слот или текст — ветка на строку, заголовок строки — на серию ячеек с тем же `rowHeader`
+	(`runsOf`).
+	Ячейки стоят вплотную: пробел между ними Svelte оставил бы в строке текстом.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+	)}
+	attach={binding.attachElement}
+>
+	{#if state.selecting}<td class="so-table-row__select" {...state.cellAria}>
+			<CheckBox
+				embedded="table.select"
+				ctrl={context?.adapters.table.checkBox}
+				aria_labelledBy={state.rowHeaderId}
+			/>
+		</td>{/if}{#if props.cell}{#each runsOf(state.cells ?? [], 'rowHeader') as run}{#if run.value}{#each run.items as cell (cell.column.uid)}<th
+						class="so-table-row__cell"
+						scope="row"
+						{...cell.dataset}
+						{...state.cellAria}
+						{...cell.aria}
+					>
+						{@render props.cell({ row, column: cell.column, value: cell.value })}
+					</th>{/each}{:else}{#each run.items as cell (cell.column.uid)}<td
+						class="so-table-row__cell"
+						{...cell.dataset}
+						{...state.cellAria}
+						{...cell.aria}
+					>
+						{@render props.cell({ row, column: cell.column, value: cell.value })}
+					</td>{/each}{/if}{/each}{:else}{#each runsOf(state.cells ?? [], 'rowHeader') as run}{#if run.value}{#each run.items as cell (cell.column.uid)}<th
+						class="so-table-row__cell"
+						scope="row"
+						{...cell.dataset}
+						{...state.cellAria}
+						{...cell.aria}
+					>
+						{cell.text}
+					</th>{/each}{:else}{#each run.items as cell (cell.column.uid)}<td
+						class="so-table-row__cell"
+						{...cell.dataset}
+						{...state.cellAria}
+						{...cell.aria}
+					>
+						{cell.text}
+					</td>{/each}{/if}{/each}{/if}
+</Dynamic>

package/dist/components/table/row/Row.svelte.d.ts

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

package/dist/components/table/row/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { ITableRow } from '@soxa-ui/core';
+import type { TableCollectionRowDescriptor, TableRowDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+export type TableRowEventProps = EventProps<typeof TableRowDescriptor> & EventProps<typeof TableCollectionRowDescriptor>;
+/** Входов нет: строку рисует таблица над её экземпляром (`ctrl`). */
+export type TableRowProps = UseDomProps<typeof TableRowDescriptor, ITableRow, TableRowEventProps>;

package/dist/components/table/row/base.component.js

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

package/dist/components/table/row/index.d.ts

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

package/dist/components/table/row/index.js

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

package/dist/components/table/row/setup.component.d.ts

@@ -0,0 +1,23 @@
+import { type TRootReceiver } from '../../../adapter';
+import type { TableRowProps } from './base.component';
+export declare function setupTableRow(getProps: () => TableRowProps, mountId: string, receive: TRootReceiver): import("../../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITableRow<import("@soxa-ui/core").ITableRowProps, import("@soxa-ui/core").TTableRowEvents>, {
+    props: object & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {};
+    outputs: object & {} & {} & {};
+}>, TableRowProps, import("../../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TTableRowCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITableRow<import("@soxa-ui/core").ITableRowProps, import("@soxa-ui/core").TTableRowEvents>, {
+    props: object & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {};
+    outputs: object & {} & {} & {};
+}>>>> & {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").ITableRow<import("@soxa-ui/core").ITableRowProps, import("@soxa-ui/core").TTableRowEvents>, import("@soxa-ui/core").TTableCollectionExtensions> | undefined;
+};

package/dist/components/table/row/setup.component.js

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

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

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

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

@@ -0,0 +1,23 @@
+import { TCollectionExtension, TVirtualCollectionExtension, TableCollectionDescriptor, TableDescriptor, } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, joinBindings, useAdapter, useCollectionAdapter, useElevator, } from '../../adapter';
+export function setupTable(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const props = getProps();
+    const adapter = createSvelteAdapterContext(TableDescriptor(), {
+        ctrl: props.ctrl,
+        props,
+        mountId,
+    });
+    const collectionAdapter = createSvelteAdapterContext(TableCollectionDescriptor(), {
+        props,
+        mountId,
+        options: { owner: adapter.instance, engine: props.engine },
+    }, { bundle: adapter.bundle })
+        .use(TCollectionExtension, { elevator })
+        .use(TVirtualCollectionExtension, { elevator });
+    const collectionBinding = useCollectionAdapter(collectionAdapter, getProps);
+    const owner = useAdapter(adapter, getProps, receive);
+    return Object.assign(joinBindings(owner, collectionBinding), {
+        facade: collectionAdapter.instance,
+    });
+}

package/dist/components/tabs/Tabs.svelte

@@ -0,0 +1,64 @@
+<script lang="ts">
+	import { Dynamic, toControlAttrs, toRootForward, toRootProps } from '../../adapter'
+	import { TabsItem } from './item'
+	import { setupTabs } from './setup.component'
+	import type { TabsAttributes, TabsProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: TabsProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupTabs(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!--
+	Набор `aria` и атрибуты потребителя — списку табов, а не корню: рядом со списком лежат панели.
+	Список стоит в ряду, слоты `leading` и `trailing` — по краям ряда, а не в списке:
+	в `[role=tablist]` ARIA пускает только `tab`.
+	Панели (слот `content`) — вне ряда, иначе оказались бы внутри `[role=tablist]`.
+	Части стоят вплотную: пробел между блоками Svelte оставил бы в ряду и корне текстом.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag="div"
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.dataset],
+		toRootForward(binding.forwardProps),
+	)}
+	attach={binding.attachElement}
+>
+	<div class="so-tabs__bar">
+		{#if props.leading}
+			<div class="so-tabs__leading">{@render props.leading()}</div>
+		{/if}<div
+			class="so-tabs__list"
+			{...state.aria}
+			{...toControlAttrs<TabsAttributes>(binding.forwardProps)}
+		>
+			{#if props.children}
+				{@render props.children()}
+			{:else}
+				{#each state.shown ?? [] as tab (tab.uid)}
+					{#snippet leading()}{@render props['item-leading']?.({ item: tab })}{/snippet}
+					{#snippet content(scope: { text: string; active: boolean })}
+						{@render props.item?.({ ...scope, item: tab })}
+					{/snippet}
+					{#snippet trailing()}{@render props['item-trailing']?.({ item: tab })}{/snippet}
+					{#snippet closeIcon()}
+						{@render props['item-close-icon']?.({ item: tab })}
+					{/snippet}
+					<TabsItem
+						ctrl={tab}
+						leading={props['item-leading'] ? leading : undefined}
+						trailing={props['item-trailing'] ? trailing : undefined}
+						close-icon={props['item-close-icon'] ? closeIcon : undefined}
+						children={props.item ? content : undefined}
+					/>
+				{/each}
+			{/if}
+		</div>{#if props.trailing}
+			<div class="so-tabs__trailing">{@render props.trailing()}</div>
+		{/if}
+	</div>{@render props.content?.()}
+</Dynamic>

package/dist/components/tabs/Tabs.svelte.d.ts

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

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

@@ -0,0 +1,7 @@
+import type { ITabs } from '@soxa-ui/core';
+import type { TabsCollectionDescriptor, TabsDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../types';
+export type TabsEventProps = EventProps<typeof TabsDescriptor> & EventProps<typeof TabsCollectionDescriptor>;
+/** Атрибуты набора: класс и стиль — корню, остальное — списку табов с `role="tablist"`. */
+export type TabsAttributes = TDomAttributes<typeof TabsDescriptor, TabsEventProps>;
+export type TabsProps = UseDomProps<typeof TabsDescriptor, ITabs, TabsEventProps>;

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

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

package/dist/components/tabs/content/Content.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Dynamic, toRootProps } from '../../../adapter'
+	import { setupTabsContent } from './setup.component'
+	import type { TabsContentProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: TabsContentProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupTabsContent(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!-- Рисуется, пока активен таб того же `value`; панель без такого таба пуста. -->
+<Dynamic
+	rendered={state.rendered && state.active}
+	tag={state.tag}
+	attributes={toRootProps(state, [state.attrs, state.aria], binding.forwardProps)}
+	attach={binding.attachElement}
+>
+	{@render props.children?.()}
+</Dynamic>

package/dist/components/tabs/content/Content.svelte.d.ts

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

package/dist/components/tabs/content/base.component.d.ts

@@ -0,0 +1,5 @@
+import type { ITabsContent } from '@soxa-ui/core';
+import type { TabsCollectionContentDescriptor, TabsContentDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+export type TabsContentEventProps = EventProps<typeof TabsContentDescriptor> & EventProps<typeof TabsCollectionContentDescriptor>;
+export type TabsContentProps = UseDomProps<typeof TabsContentDescriptor, ITabsContent, TabsContentEventProps>;

package/dist/components/tabs/content/base.component.js

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

package/dist/components/tabs/content/index.d.ts

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

package/dist/components/tabs/content/index.js

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

package/dist/components/tabs/content/setup.component.d.ts

@@ -0,0 +1,29 @@
+import { type TRootReceiver } from '../../../adapter';
+import type { TabsContentProps } from './base.component';
+export declare function setupTabsContent(getProps: () => TabsContentProps, mountId: string, receive: TRootReceiver): import("../../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITabsContent<import("@soxa-ui/core").ITabsContentProps, import("@soxa-ui/core").TTabsContentEvents>, {
+    props: object & {} & {} & {
+        id?: string | undefined;
+    } & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {};
+    outputs: object & {} & {} & {} & {};
+}>, TabsContentProps, import("../../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TTabsContentCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITabsContent<import("@soxa-ui/core").ITabsContentProps, import("@soxa-ui/core").TTabsContentEvents>, {
+    props: object & {} & {} & {
+        id?: string | undefined;
+    } & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {};
+    outputs: object & {} & {} & {} & {};
+}>>>>;

package/dist/components/tabs/content/setup.component.js

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

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

@@ -0,0 +1,8 @@
+export * from './base.component';
+export { setupTabs } from './setup.component';
+export * from './item';
+export * from './content';
+export declare const Tabs: import("svelte").Component<import("./base.component").TabsProps, {}, "ref"> & {
+    Item: import("svelte").Component<import("./item").TabsItemProps, {}, "ref">;
+    Content: import("svelte").Component<import("./content").TabsContentProps, {}, "ref">;
+};

package/dist/components/tabs/index.js

@@ -0,0 +1,9 @@
+import { withParts } from '@soxa-ui/setup';
+import TabsComponent from './Tabs.svelte';
+import { TabsItem } from './item';
+import { TabsContent } from './content';
+export * from './base.component';
+export { setupTabs } from './setup.component';
+export * from './item';
+export * from './content';
+export const Tabs = withParts(TabsComponent, { Item: TabsItem, Content: TabsContent });

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

@@ -0,0 +1,74 @@
+<script lang="ts">
+	import { clickAction, Dynamic, roleIcon, toControlAttrs, toRootForward, toRootProps } from '../../../adapter'
+	import { Button } from '../../button'
+	import { Icon } from '../../icon'
+	import { setupTabsItem } from './setup.component'
+	import type { TabsItemAttributes, TabsItemProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: TabsItemProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupTabsItem(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const context = binding.context
+
+	const CLOSE = roleIcon('close')
+
+	const activate = clickAction(() => {
+		if (context) context.adapters.activation.active = true
+	})
+
+	// Stopped at the cross: the roots of the tab and the set would give `action:press`
+	const close = clickAction((event) => {
+		event.stopPropagation()
+		context?.adapters.tabs.close()
+	})
+</script>
+
+<!--
+	Крестик — сосед строки: интерактивный потомок у `<button role="tab">` HTML запрещает, а его
+	подпись вошла бы в имя таба. Строка и крестик вплотную: пробел Svelte оставил бы текстом.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.dataset, state.attrs],
+		toRootForward(binding.forwardProps),
+	)}
+	attach={binding.attachElement}
+>
+	<Button
+		embedded="tabs.row"
+		type="button"
+		disabled={state.disabled}
+		size={state.size}
+		variant={state.variant}
+		leading={props.leading}
+		trailing={props.trailing}
+		{...state.aria}
+		{...toControlAttrs<TabsItemAttributes>(binding.forwardProps)}
+		{@attach activate}
+	>
+		{#if props.children}
+			{@render props.children({ text: state.text ?? '', active: state.active ?? false })}
+		{:else}
+			{state.text}
+		{/if}
+	</Button>{#if state.tab_closable === true}<Button
+		embedded="tabs.close"
+		type="button"
+		class="so-tabs-item__close"
+		disabled={state.disabled}
+		size={state.size}
+		{...state.closeAria}
+		{@attach close}
+	>
+		{#if props['close-icon']}
+			{@render props['close-icon']()}
+		{:else}
+			<Icon embedded="tabs.close-icon" tag={CLOSE} size={state.size} />
+		{/if}
+	</Button>{/if}
+</Dynamic>

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

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

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

@@ -0,0 +1,7 @@
+import type { ITabsItem } from '@soxa-ui/core';
+import type { TabsCollectionItemDescriptor, TabsItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, UseDomProps } from '../../../types';
+export type TabsItemEventProps = EventProps<typeof TabsItemDescriptor> & EventProps<typeof TabsCollectionItemDescriptor>;
+/** Атрибуты таба: класс и стиль — корню, остальное — строке с `role="tab"`. */
+export type TabsItemAttributes = TDomAttributes<typeof TabsItemDescriptor, TabsItemEventProps>;
+export type TabsItemProps = UseDomProps<typeof TabsItemDescriptor, ITabsItem, TabsItemEventProps>;

package/dist/components/tabs/item/base.component.js

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

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

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

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

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

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

@@ -0,0 +1,57 @@
+import { type TRootReceiver } from '../../../adapter';
+import type { TabsItemProps } from './base.component';
+export declare function setupTabsItem(getProps: () => TabsItemProps, mountId: string, receive: TRootReceiver): import("../../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>>, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {
+        id?: string | undefined;
+    } & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {};
+}>, TabsItemProps, import("../../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TTabsItemCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>>, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {
+        id?: string | undefined;
+    } & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {};
+}>>>> & {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>>, import("@soxa-ui/core").TTabsCollectionExtensions> | undefined;
+};

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

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