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

package/dist/components/frame/Frame.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { Dynamic, Teleport, toRootProps } from '../../adapter'
+	import { setupFrame } from './setup.component'
+	import type { FrameProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: FrameProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupFrame(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+{#if state.rendered}
+	<Teleport to={state.target} disabled={state.contained}>
+		<Dynamic
+			rendered
+			tag={state.tag}
+			attributes={toRootProps(
+				state,
+				[state.attrs, state.aria, state.dataset],
+				binding.forwardProps,
+			)}
+			attach={binding.attachElement}
+		>
+			{@render props.children?.()}
+		</Dynamic>
+	</Teleport>
+{/if}

package/dist/components/frame/Frame.svelte.d.ts

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

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

@@ -0,0 +1,5 @@
+import type { IFrame } from '@soxa-ui/core';
+import type { FrameDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type FrameEventProps = EventProps<typeof FrameDescriptor>;
+export type FrameProps = UseDomProps<typeof FrameDescriptor, IFrame, FrameEventProps>;

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

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

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

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

package/dist/components/frame/index.js

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

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

@@ -0,0 +1,65 @@
+import { type TRootReceiver } from '../../adapter';
+import type { FrameProps } from './base.component';
+export declare function setupFrame(getProps: () => FrameProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IFrame, {
+    props: object & {} & {} & {} & {
+        anchor_anchor?: Element | null | undefined;
+        anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+        anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+        anchor_matchWidth?: boolean | undefined;
+        anchor_flip?: boolean | undefined;
+        anchor_offset?: number | undefined;
+    } & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    };
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => 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;
+    } & {} & {
+        "anchor:change:anchor": (payload: import("@soxa-ui/core").TValuePayload<Element | null>) => void;
+        "anchor:change:point": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TPoint | null>) => void;
+        "anchor:change:placement": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TFramePlacement>) => void;
+        "anchor:change:matchWidth": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        "anchor:change:flip": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        "anchor:change:offset": (payload: import("@soxa-ui/core").TValuePayload<number>) => void;
+    };
+    outputs: object & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    } & {} & {};
+}>, FrameProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IFrame, {
+    props: object & {} & {} & {} & {
+        anchor_anchor?: Element | null | undefined;
+        anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+        anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+        anchor_matchWidth?: boolean | undefined;
+        anchor_flip?: boolean | undefined;
+        anchor_offset?: number | undefined;
+    } & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    };
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => 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;
+    } & {} & {
+        "anchor:change:anchor": (payload: import("@soxa-ui/core").TValuePayload<Element | null>) => void;
+        "anchor:change:point": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TPoint | null>) => void;
+        "anchor:change:placement": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TFramePlacement>) => void;
+        "anchor:change:matchWidth": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        "anchor:change:flip": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        "anchor:change:offset": (payload: import("@soxa-ui/core").TValuePayload<number>) => void;
+    };
+    outputs: object & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    } & {} & {};
+}>>>;

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

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

package/dist/components/icon/Icon.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { Dynamic, toRootProps } from '../../adapter'
+	import { setupIcon } from './setup.component'
+	import type { IconProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: IconProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupIcon(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!--
+	Без содержимого: картинку рисует сам тег. Компонент Svelte в `tag` получает атрибуты корня
+	и привязку пропсами и обязан положить их на свой корень.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(state, [state.attrs, state.aria], binding.forwardProps)}
+	attach={binding.attachElement}
+/>

package/dist/components/icon/Icon.svelte.d.ts

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

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

@@ -0,0 +1,5 @@
+import type { IIcon } from '@soxa-ui/core';
+import type { IconDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type IconEventProps = EventProps<typeof IconDescriptor>;
+export type IconProps = UseDomProps<typeof IconDescriptor, IIcon, IconEventProps>;

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

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

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

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

package/dist/components/icon/index.js

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

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

@@ -0,0 +1,37 @@
+import { type TRootReceiver } from '../../adapter';
+import type { IconProps } from './base.component';
+export declare function setupIcon(getProps: () => IconProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IIcon, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    };
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => 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 layout_styles: Record<string, string | number>;
+    } & {};
+}>, IconProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IIcon, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    };
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => 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 layout_styles: Record<string, string | number>;
+    } & {};
+}>>>;

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,43 @@
+export * from './component';
+export * from './component-view';
+export * from './stylable';
+export * from './interactive';
+export * from './control';
+export * from './value-control';
+export * from './input-control';
+export * from './textable';
+export * from './button';
+export * from './icon';
+export * from './label';
+export * from './field';
+export * from './frame';
+export * from './progress-spinner';
+export * from './progress-linear';
+export * from './skeleton';
+export * from './input';
+export * from './number-input';
+export * from './date-input';
+export * from './textarea';
+export * from './check-box';
+export * from './switch';
+export * from './slider';
+export * from './rating';
+export * from './radio-group';
+export * from './list-box';
+export * from './tags';
+export * from './select';
+export * from './calendar';
+export * from './date-picker';
+export * from './tabs';
+export * from './accordion';
+export * from './table';
+export * from './virtual';
+export * from './scroller';
+export * from './pagination';
+export * from './drag-and-drop';
+export * from './popover';
+export * from './tooltip';
+export * from './menu';
+export * from './dialog';
+export * from './drawer';
+export * from './toasts';

package/dist/components/index.js

@@ -0,0 +1,43 @@
+export * from './component';
+export * from './component-view';
+export * from './stylable';
+export * from './interactive';
+export * from './control';
+export * from './value-control';
+export * from './input-control';
+export * from './textable';
+export * from './button';
+export * from './icon';
+export * from './label';
+export * from './field';
+export * from './frame';
+export * from './progress-spinner';
+export * from './progress-linear';
+export * from './skeleton';
+export * from './input';
+export * from './number-input';
+export * from './date-input';
+export * from './textarea';
+export * from './check-box';
+export * from './switch';
+export * from './slider';
+export * from './rating';
+export * from './radio-group';
+export * from './list-box';
+export * from './tags';
+export * from './select';
+export * from './calendar';
+export * from './date-picker';
+export * from './tabs';
+export * from './accordion';
+export * from './table';
+export * from './virtual';
+export * from './scroller';
+export * from './pagination';
+export * from './drag-and-drop';
+export * from './popover';
+export * from './tooltip';
+export * from './menu';
+export * from './dialog';
+export * from './drawer';
+export * from './toasts';

package/dist/components/input/Input.svelte

@@ -0,0 +1,75 @@
+<script lang="ts">
+	import {
+		clickAction,
+		Dynamic,
+		fieldText,
+		roleIcon,
+		toControlAttrs,
+		toRootForward,
+		toRootProps,
+	} from '../../adapter'
+	import { Button } from '../button'
+	import { Icon } from '../icon'
+	import { setupInput } from './setup.component'
+	import type { InputAttributes, InputProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: InputProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupInput(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const ctrl = binding.ctrl
+
+	// Не `value` в спреде: Svelte писал бы текст узлу на каждое нажатие
+	const text = fieldText(() => state.value)
+
+	const CLOSE = roleIcon('close')
+
+	/** Stopped at the button: a select-only Select opens its panel on a click on the field. */
+	const clear = clickAction((event) => {
+		event.stopPropagation()
+		ctrl.clear()
+	})
+</script>
+
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.dataset],
+		toRootForward(binding.forwardProps),
+	)}
+	attach={binding.attachElement}
+>
+	{#if props.leading}<div class="so-input__leading">{@render props.leading({ ctrl })}</div>{/if}<input
+		type="text"
+		id={state.id}
+		name={state.name}
+		disabled={state.disabled}
+		readonly={state.readonly}
+		required={state.required}
+		placeholder={state.placeholder}
+		{...state.aria}
+		{...toControlAttrs<InputAttributes>(binding.forwardProps)}
+		{...text}
+	/>{#if state.clearable || props.clear || props.trailing}
+		<!-- The clear button and `trailing` are glued: Svelte would keep a space as text. -->
+		<div class="so-input__trailing">
+			{#if props.clear}
+				{@render props.clear({ clear: ctrl.clear })}
+			{:else if state.clearable}
+				<Button
+					embedded="input.clear"
+					type="button"
+					class="so-input__clear"
+					size={state.size}
+					disabled={state.disabled}
+					{...state.clearAria}
+					{@attach clear}
+				>
+					<Icon embedded="input.clear-icon" tag={CLOSE} size={state.size} />
+				</Button>
+			{/if}{#if props.trailing}{@render props.trailing({ ctrl })}{/if}
+		</div>{/if}
+</Dynamic>

package/dist/components/input/Input.svelte.d.ts

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

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

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

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

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

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

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

package/dist/components/input/index.js

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

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

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

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

package/dist/components/input-control/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { IInputControl } from '@soxa-ui/core';
+import type { InputControlDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+export type InputControlEventProps = EventProps<typeof InputControlDescriptor>;
+/** Тип значения сужает наследник. */
+export type InputControlProps = UseProps<typeof InputControlDescriptor, IInputControl<unknown>, InputControlEventProps>;

package/dist/components/input-control/base.component.js

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

package/dist/components/input-control/index.d.ts

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

package/dist/components/input-control/index.js

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

package/dist/components/input-control/setup.component.d.ts

@@ -0,0 +1,50 @@
+import type { InputControlProps } from './base.component';
+export declare function setupInputControl(getProps: () => InputControlProps, mountId: string): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IInputControl<unknown, import("@soxa-ui/core").IInputControlProps<unknown>, import("@soxa-ui/core").TInputControlEvents<unknown>>, {
+    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 & {} & {} & {} & {} & {};
+}>, InputControlProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IInputControl<unknown, import("@soxa-ui/core").IInputControlProps<unknown>, import("@soxa-ui/core").TInputControlEvents<unknown>>, {
+    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/input-control/setup.component.js

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

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

@@ -0,0 +1,5 @@
+import type { IInteractive } from '@soxa-ui/core';
+import type { InteractiveDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+export type InteractiveEventProps = EventProps<typeof InteractiveDescriptor>;
+export type InteractiveProps = UseProps<typeof InteractiveDescriptor, IInteractive, InteractiveEventProps>;

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

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

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

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

package/dist/components/interactive/index.js

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

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

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

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

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