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

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

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

package/dist/components/slider/Slider.svelte

@@ -0,0 +1,68 @@
+<script lang="ts">
+	import { Dynamic, toRootProps, toStyleText } from '../../adapter'
+	import { setupSlider } from './setup.component'
+	import type { SliderProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: SliderProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupSlider(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!--
+	Slider — корень и всё внутри — `span`: ползунок кладут в `Label`, а внутри `label`
+	разрешена только строчная разметка. Атрибуты потребителя — корню: полей столько,
+	сколько ручек. Стиль — строкой (`toStyleText`): чужого на этих узлах нет. Петля
+	ручек — по месту: своей идентичности у ручки нет.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.rootAria, state.dataset],
+		binding.forwardProps,
+	)}
+	attach={binding.attachElement}
+>
+	<span class="so-slider__track">
+		<span class="so-slider__range" style={toStyleText(state.rangeStyle)}></span>{#if state.shownMarks && state.shownMarks.length > 0}<span
+				class="so-slider__marks"
+				aria-hidden="true"
+			>
+				{#each state.shownMarks as mark, index (index)}
+					<span class="so-slider__mark" style={toStyleText(mark.style)} {...mark.dataset}>
+						<!-- Svelte trims the edges of the label: the theme hides an empty one by `:empty`. -->
+						<span class="so-slider__mark-label">
+							{#if props.mark}
+								{@render props.mark({ value: mark.value, label: mark.label })}
+							{:else}
+								{mark.label}
+							{/if}
+						</span>
+					</span>
+				{/each}
+			</span>{/if}{#each state.thumbs ?? [] as thumb, index}
+			<span class="so-slider__thumb" style={toStyleText(thumb.style)} {...thumb.dataset}>
+				<input
+					class="so-slider__input"
+					type="range"
+					min={thumb.min}
+					max={thumb.max}
+					step={thumb.step}
+					value={thumb.value}
+					name={state.name}
+					disabled={state.disabled}
+					{...thumb.aria}
+				/>{#if state.tooltipRendered}<span class="so-slider__tooltip" aria-hidden="true">
+						{#if props.thumb}
+							{@render props.thumb({ value: thumb.value, index })}
+						{:else}
+							{thumb.value}
+						{/if}
+					</span>{/if}
+			</span>
+		{/each}
+	</span>
+</Dynamic>

package/dist/components/slider/Slider.svelte.d.ts

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

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

@@ -0,0 +1,6 @@
+import type { ISlider } from '@soxa-ui/core';
+import type { SliderDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type SliderEventProps = EventProps<typeof SliderDescriptor>;
+/** Атрибуты — корню: полей столько, сколько ручек. */
+export type SliderProps = UseDomProps<typeof SliderDescriptor, ISlider, SliderEventProps>;

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

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

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

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

package/dist/components/slider/index.js

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

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

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

@@ -0,0 +1,11 @@
+import { SliderDescriptor, TFieldControlExtension } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, useAdapter, useElevator, } from '../../adapter';
+export function setupSlider(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const adapter = createSvelteAdapterContext(SliderDescriptor(), {
+        ctrl: getProps().ctrl,
+        props: getProps(),
+        mountId,
+    }).use(TFieldControlExtension, { elevator });
+    return useAdapter(adapter, getProps, receive);
+}

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

@@ -0,0 +1,5 @@
+import type { IStylable } from '@soxa-ui/core';
+import type { StylableDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+export type StylableEventProps = EventProps<typeof StylableDescriptor>;
+export type StylableProps = UseProps<typeof StylableDescriptor, IStylable, StylableEventProps>;

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

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

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

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

package/dist/components/stylable/index.js

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

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

@@ -0,0 +1,16 @@
+import type { StylableProps } from './base.component';
+export declare function setupStylable(getProps: () => StylableProps, mountId: string): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IStylable<import("@soxa-ui/core").IStylableProps, import("@soxa-ui/core").TStylableEvents>, {
+    props: object & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {};
+    outputs: object & {} & {};
+}>, StylableProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IStylable<import("@soxa-ui/core").IStylableProps, import("@soxa-ui/core").TStylableEvents>, {
+    props: object & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {};
+    outputs: object & {} & {};
+}>>>;

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

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

package/dist/components/switch/Switch.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+	import { Dynamic, toControlAttrs, toRootForward, toRootProps } from '../../adapter'
+	import { setupSwitch } from './setup.component'
+	import type { SwitchAttributes, SwitchProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: SwitchProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupSwitch(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const ctrl = binding.ctrl
+</script>
+
+<!--
+	Switch — корень и всё внутри — `span`: переключатель кладут в `Label`, где разрешена
+	только строчная разметка. `checked` Svelte пишет свойством, на сервере — атрибутом.
+	Дорожка под `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<SwitchAttributes>(binding.forwardProps)}
+		checked={state.value}
+	/><span class="so-switch__track" aria-hidden="true">
+		<span class="so-switch__track--thumb">
+			{@render (state.value ? props.on : props.off)?.({ value: state.value, ctrl })}
+		</span>
+	</span>
+</Dynamic>

package/dist/components/switch/Switch.svelte.d.ts

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

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

@@ -0,0 +1,7 @@
+import type { ISwitch } from '@soxa-ui/core';
+import type { SwitchDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, TFieldAttributes, UseDomProps } from '../../types';
+export type SwitchEventProps = EventProps<typeof SwitchDescriptor>;
+/** Атрибуты Switch: класс и стиль — корню, остальное — полю `<input>`. */
+export type SwitchAttributes = TDomAttributes<typeof SwitchDescriptor, SwitchEventProps, TFieldAttributes>;
+export type SwitchProps = UseDomProps<typeof SwitchDescriptor, ISwitch, SwitchEventProps, TFieldAttributes>;

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

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

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

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

package/dist/components/switch/index.js

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

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

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

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

@@ -0,0 +1,11 @@
+import { SwitchDescriptor, TFieldControlExtension } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, useAdapter, useElevator, } from '../../adapter';
+export function setupSwitch(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const adapter = createSvelteAdapterContext(SwitchDescriptor(), {
+        ctrl: getProps().ctrl,
+        props: getProps(),
+        mountId,
+    }).use(TFieldControlExtension, { elevator });
+    return useAdapter(adapter, getProps, receive);
+}

package/dist/components/table/Table.svelte

@@ -0,0 +1,79 @@
+<script lang="ts">
+	import { Dynamic, toStyleText, toWrappedRootProps } from '../../adapter'
+	import { CheckBox } from '../check-box'
+	import { TableColumn } from './column'
+	import { TableRow } from './row'
+	import { setupTable } from './setup.component'
+	import type { TableProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: TableProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupTable(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const facade = binding.facade
+
+	const VIEWPORT = 'so-table__viewport'
+</script>
+
+<!--
+	Окно `so-table__viewport` — разметка вокруг корня `table`, а не корень: в нём таблица
+	прокручивается вбок. Шапка и тело стоят вплотную: пробел Svelte оставил бы в таблице текстом.
+-->
+{#if state.rendered}
+	{@const layout = toWrappedRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+		VIEWPORT,
+	)}
+	<Dynamic rendered tag="div" attributes={layout.wrapper} attach={binding.consumerRef}>
+		<Dynamic rendered tag={state.tag} attributes={layout.root} attach={binding.bindRef}>
+			<thead class="so-table__head">
+				<tr class="so-table__head-row" {...state.headRowAria}>
+					{#if state.mode === 'multiple'}
+						<th class="so-table__select" {...state.cellAria}>
+							<CheckBox
+								embedded="table.select-all"
+								ctrl={facade.selectAll}
+								aria_label={state.names_selectAll}
+							/>
+						</th>
+					{:else if state.mode === 'single'}
+						<!-- `td`, а не `th`: пустой заголовок скринридеры считают ошибкой. -->
+						<td class="so-table__select" {...state.cellAria}></td>
+					{/if}
+					<!-- Проброс — только при заданном `header`: сниппет непрозрачен. -->
+					{#each state.shownColumns ?? [] as column (column.uid)}
+						{#snippet caption(scope: { text: string; sortable: boolean })}
+							{@render props.header?.({ ...scope, column })}
+						{/snippet}
+						<TableColumn ctrl={column} children={props.header ? caption : undefined} />
+					{/each}
+				</tr>
+			</thead><tbody class="so-table__body">
+				<!-- Ключ записи: оставшаяся в окне строка — тот же узел с фокусом сетки. -->
+				{#each state.drawn ?? [] as entry (entry.key)}
+					{#if entry.kind === 'filler'}
+						<tr
+							class="so-table__filler-row"
+							aria-hidden="true"
+							style={toStyleText(entry.style)}
+						>
+							<td class="so-table__filler" colspan={state.columnCount}></td>
+						</tr>
+					{:else}
+						<TableRow ctrl={entry.item} cell={props.cell} />
+					{/if}
+				{/each}
+				{#if state.shown?.length === 0}
+					<tr class="so-table__empty-row">
+						<td class="so-table__empty" colspan={state.columnCount}>
+							{@render props.empty?.()}
+						</td>
+					</tr>
+				{/if}
+			</tbody>
+		</Dynamic>
+	</Dynamic>
+{/if}

package/dist/components/table/Table.svelte.d.ts

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

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

@@ -0,0 +1,6 @@
+import type { ITable } from '@soxa-ui/core';
+import type { TableCollectionDescriptor, TableDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type TableEventProps = EventProps<typeof TableDescriptor> & EventProps<typeof TableCollectionDescriptor>;
+/** Атрибуты: класс, стиль и `ref` — окну, остальное — `table`. */
+export type TableProps = UseDomProps<typeof TableDescriptor, ITable, TableEventProps>;

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

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

package/dist/components/table/column/Column.svelte

@@ -0,0 +1,70 @@
+<script lang="ts">
+	import { Dynamic, fieldText, roleIcon, toRootProps } from '../../../adapter'
+	import { Button } from '../../button'
+	import { Icon } from '../../icon'
+	import { setupTableColumn } from './setup.component'
+	import type { TableColumnProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: TableColumnProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupTableColumn(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const column = binding.ctrl
+
+	const SORT = roleIcon('arrowUpward')
+
+	// Ширина — свойством узла и только когда разошлась с ним: спред писал бы её на каждую смену
+	const width = fieldText(() => (state.resizer ? String(state.resizer.value) : undefined))
+</script>
+
+<!--
+	Кнопку сортировки рисует колонка, а не таблица через слот: в подписи кнопка дописала бы своё
+	имя к имени заголовка. Ширину поля attachment пишет после `min` и `max` (attachment-ы Svelte
+	ставит после атрибутов), и её не прижимает ход по умолчанию, 0–100. Части стоят вплотную:
+	пробел между ними Svelte оставил бы в заголовке текстом.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+		state.widthStyle,
+	)}
+	attach={binding.attachElement}
+>
+	<span class="so-table-column__content">
+		<span class="so-table-column__text" {...state.textAria}>
+			{#if props.children}
+				{@render props.children({
+					text: state.text ?? '',
+					sortable: state.sortable ?? false,
+				})}
+			{:else}
+				{state.text}
+			{/if}
+		</span>{#if state.sortable}<Button
+				embedded="table.sort"
+				type="button"
+				class="so-table-column__sort"
+				disabled={state.disabled}
+				{...state.sortAria}
+				onActionPress={() => column.toggleSort()}
+			>
+				<span class="so-table-column__sort-icon" aria-hidden="true">
+					<Icon embedded="table.sort-icon" tag={SORT} />
+				</span>
+			</Button>{/if}
+	</span>{#if state.resizerRendered && state.resizer}<span class="so-table-column__resizer">
+			<input
+				class="so-table-column__input"
+				type="range"
+				min={state.resizer.min}
+				max={state.resizer.max}
+				{...state.resizerAria}
+				{...width}
+			/>
+		</span>{/if}
+</Dynamic>

package/dist/components/table/column/Column.svelte.d.ts

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

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

@@ -0,0 +1,6 @@
+import type { ITableColumn } from '@soxa-ui/core';
+import type { TableColumnDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+export type TableColumnEventProps = EventProps<typeof TableColumnDescriptor>;
+/** Входов нет: колонки задаются данными таблицы (`columns`). */
+export type TableColumnProps = UseDomProps<typeof TableColumnDescriptor, ITableColumn, TableColumnEventProps>;

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { type TRootReceiver } from '../../../adapter';
+import type { TableColumnProps } from './base.component';
+export declare function setupTableColumn(getProps: () => TableColumnProps, mountId: string, receive: TRootReceiver): import("../../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITableColumn<import("@soxa-ui/core").ITableColumnProps, import("@soxa-ui/core").TTableColumnEvents>, {
+    props: object & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {};
+}>, TableColumnProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITableColumn<import("@soxa-ui/core").ITableColumnProps, import("@soxa-ui/core").TTableColumnEvents>, {
+    props: object & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {};
+}>>>;

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

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

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

@@ -0,0 +1,8 @@
+export * from './base.component';
+export { setupTable } from './setup.component';
+export * from './column';
+export * from './row';
+export declare const Table: import("svelte").Component<import("./base.component").TableProps, {}, "ref"> & {
+    Column: import("svelte").Component<import("./column").TableColumnProps, {}, "ref">;
+    Row: import("svelte").Component<import("./row").TableRowProps, {}, "ref">;
+};

package/dist/components/table/index.js

@@ -0,0 +1,9 @@
+import { withParts } from '@soxa-ui/setup';
+import TableComponent from './Table.svelte';
+import { TableColumn } from './column';
+import { TableRow } from './row';
+export * from './base.component';
+export { setupTable } from './setup.component';
+export * from './column';
+export * from './row';
+export const Table = withParts(TableComponent, { Column: TableColumn, Row: TableRow });