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

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

@@ -0,0 +1,44 @@
+<script lang="ts">
+	import { clickAction, Dynamic, toRootProps } from '../../../adapter'
+	import { Button } from '../../button'
+	import { setupPaginationItem } from './setup.component'
+	import type { PaginationItemProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: PaginationItemProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupPaginationItem(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const context = binding.context
+
+	const activate = clickAction(() => {
+		if (context) context.adapters.activation.active = true
+	})
+</script>
+
+<!--
+	Внутренняя часть Pagination: ставит её только владелец, поэтому атрибуты снаружи — на корень.
+	Текущая — не выключенная кнопка: каждая страница — своя остановка Tab.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(state, [state.attrs, state.dataset], binding.forwardProps)}
+	attach={binding.attachElement}
+>
+	<Button
+		embedded="pagination.page"
+		type="button"
+		disabled={state.disabled}
+		size={state.size}
+		variant={state.variant}
+		{@attach activate}
+		{...state.aria}
+	>
+		{#if props.children}
+			{@render props.children({ text: state.text ?? '' })}
+		{:else}
+			{state.text}
+		{/if}
+	</Button>
+</Dynamic>

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

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

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

@@ -0,0 +1,6 @@
+import type { IPaginationItem } from '@soxa-ui/core';
+import type { PaginationCollectionItemDescriptor, PaginationItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+export type PaginationItemEventProps = EventProps<typeof PaginationItemDescriptor> & EventProps<typeof PaginationCollectionItemDescriptor>;
+/** Внутренняя часть пагинации: наружу пакета не выходит. */
+export type PaginationItemProps = UseDomProps<typeof PaginationItemDescriptor, IPaginationItem, PaginationItemEventProps>;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { PaginationCollectionItemDescriptor, PaginationItemDescriptor, TCollectionItemExtension, } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, joinBindings, useAdapter, useCollectionAdapter, useElevator, } from '../../../adapter';
+export function setupPaginationItem(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const props = getProps();
+    const adapter = createSvelteAdapterContext(PaginationItemDescriptor(), {
+        ctrl: props.ctrl,
+        props,
+        mountId,
+    });
+    const item = createSvelteAdapterContext(PaginationCollectionItemDescriptor(), { 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/pagination/setup.component.d.ts

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

@@ -0,0 +1,19 @@
+import { PaginationCollectionDescriptor, PaginationDescriptor, TCollectionExtension, } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, joinBindings, useAdapter, useCollectionAdapter, useElevator, } from '../../adapter';
+export function setupPagination(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const props = getProps();
+    const adapter = createSvelteAdapterContext(PaginationDescriptor(), {
+        ctrl: props.ctrl,
+        props,
+        mountId,
+    });
+    const collectionAdapter = createSvelteAdapterContext(PaginationCollectionDescriptor(), {
+        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/popover/Popover.svelte

@@ -0,0 +1,72 @@
+<script lang="ts">
+	import { clickAction, Dynamic, roleIcon, toRootProps } from '../../adapter'
+	import { Button } from '../button'
+	import { Frame } from '../frame'
+	import { Icon } from '../icon'
+	import { setupPopover } from './setup.component'
+	import type { PopoverProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: PopoverProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupPopover(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const ctrl = binding.ctrl
+
+	const CLOSE = roleIcon('close')
+
+	const close = clickAction(() => {
+		ctrl.open = false
+	})
+</script>
+
+<!--
+	Триггер — внутри корня: нажатие по открытому триггеру — нажатие внутри владельца, и панель не
+	мигает. `lazyMount` прячет только сниппет — обёртка содержимого остаётся. Содержимое раньше
+	крестика: фокус при открытии встаёт на первый контрол, крестик — последняя остановка Tab.
+	Триггер и панель стоят вплотную: пробел Svelte оставил бы в корне текстом.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(state, [state.attrs, state.dataset], binding.forwardProps)}
+	attach={binding.attachElement}
+>
+	{@render props.trigger?.({
+		triggerAria: state.triggerAria ?? {},
+		triggerDataset: state.triggerDataset ?? {},
+	})}<Frame
+		embedded="popover.frame"
+		class="so-popover__panel"
+		tabindex={-1}
+		visible={state.visible && state.open}
+		contained={state.contained}
+		strategy="fixed"
+		anchor_anchor={binding.rootElement}
+		anchor_placement={state.placement}
+		anchor_offset={8}
+		{...state.aria}
+		{...state.panelDataset}
+		{...state.dismiss_ownerAttribute}
+	>
+		{#if state.handleRendered}<div class="so-popover__handle" aria-hidden="true"></div>{/if}<div
+			class="so-popover__content"
+		>
+			{#if state.contentRendered}{@render props.children?.()}{/if}
+		</div>{#if state.closable}
+			<Button
+				embedded="popover.close"
+				type="button"
+				class="so-popover__close"
+				{@attach close}
+				{...state.closeAria}
+			>
+				{#if props['close-icon']}
+					{@render props['close-icon']()}
+				{:else}
+					<Icon embedded="popover.close-icon" tag={CLOSE} />
+				{/if}
+			</Button>
+		{/if}
+	</Frame>
+</Dynamic>

package/dist/components/popover/Popover.svelte.d.ts

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

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

@@ -0,0 +1,6 @@
+import type { IPopover } from '@soxa-ui/core';
+import type { PopoverDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type PopoverEventProps = EventProps<typeof PopoverDescriptor>;
+/** Атрибуты — обёртке триггера, а не панели. */
+export type PopoverProps = UseDomProps<typeof PopoverDescriptor, IPopover, PopoverEventProps>;

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

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

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

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

package/dist/components/popover/index.js

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

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

@@ -0,0 +1,47 @@
+import { type TRootReceiver } from '../../adapter';
+import type { PopoverProps } from './base.component';
+export declare function setupPopover(getProps: () => PopoverProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPopover, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {
+        dismiss_enabled?: boolean | 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;
+    } & {
+        "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+        "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+    } & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {
+        readonly dismiss_ownerAttribute: Record<string, string>;
+    } & {} & {} & {} & {};
+}>, PopoverProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPopover, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {
+        dismiss_enabled?: boolean | 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;
+    } & {
+        "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+        "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+    } & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {
+        readonly dismiss_ownerAttribute: Record<string, string>;
+    } & {} & {} & {} & {};
+}>>>;

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

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

package/dist/components/progress-linear/ProgressLinear.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { Dynamic, toRootProps } from '../../adapter'
+	import { setupProgressLinear } from './setup.component'
+	import type { ProgressLinearProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: ProgressLinearProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupProgressLinear(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!--
+	Корень по умолчанию `span`, и заливка тоже: полосу кладут в `Button` и `Label`, где HTML
+	разрешает только строчную разметку. Бег тема рисует псевдоэлементом корня, своего узла нет.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+		state.percentStyle,
+	)}
+	attach={binding.attachElement}
+>
+	<span class="so-progress-linear__range"></span>
+</Dynamic>

package/dist/components/progress-linear/ProgressLinear.svelte.d.ts

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

package/dist/components/progress-linear/base.component.d.ts

@@ -0,0 +1,5 @@
+import type { IProgressLinear } from '@soxa-ui/core';
+import type { ProgressLinearDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type ProgressLinearEventProps = EventProps<typeof ProgressLinearDescriptor>;
+export type ProgressLinearProps = UseDomProps<typeof ProgressLinearDescriptor, IProgressLinear, ProgressLinearEventProps>;

package/dist/components/progress-linear/base.component.js

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

package/dist/components/progress-linear/index.d.ts

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

package/dist/components/progress-linear/index.js

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

package/dist/components/progress-linear/setup.component.d.ts

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

package/dist/components/progress-linear/setup.component.js

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

package/dist/components/progress-spinner/ProgressSpinner.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { Dynamic, toRootProps } from '../../adapter'
+	import { setupProgressSpinner } from './setup.component'
+	import type { ProgressSpinnerProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: ProgressSpinnerProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupProgressSpinner(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!--
+	Корень по умолчанию `span`: кольцо кладут в `Button` и `Label`, где HTML разрешает только
+	строчную разметку. Рисунок — декор под `aria-hidden`. Поле 16 × 16, радиус 7: при толщине
+	темы 2 кольцо касается краёв. `pathLength="1"`: доля из переменной корня ложится в штрих
+	как есть.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+		state.fractionStyle,
+	)}
+	attach={binding.attachElement}
+>
+	<svg class="so-progress-spinner__ring" viewBox="0 0 16 16" aria-hidden="true">
+		<circle class="so-progress-spinner__track" cx="8" cy="8" r="7" />
+		<circle class="so-progress-spinner__range" cx="8" cy="8" r="7" pathLength="1" />
+		<circle class="so-progress-spinner__runner" cx="8" cy="8" r="7" pathLength="1" />
+	</svg>
+</Dynamic>

package/dist/components/progress-spinner/ProgressSpinner.svelte.d.ts

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

package/dist/components/progress-spinner/base.component.d.ts

@@ -0,0 +1,5 @@
+import type { IProgressSpinner } from '@soxa-ui/core';
+import type { ProgressSpinnerDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type ProgressSpinnerEventProps = EventProps<typeof ProgressSpinnerDescriptor>;
+export type ProgressSpinnerProps = UseDomProps<typeof ProgressSpinnerDescriptor, IProgressSpinner, ProgressSpinnerEventProps>;

package/dist/components/progress-spinner/base.component.js

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

package/dist/components/progress-spinner/index.d.ts

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

package/dist/components/progress-spinner/index.js

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

package/dist/components/progress-spinner/setup.component.d.ts

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

package/dist/components/progress-spinner/setup.component.js

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

package/dist/components/radio-group/RadioGroup.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { Dynamic, toRootProps } from '../../adapter'
+	import { RadioGroupItem } from './item'
+	import { setupRadioGroup } from './setup.component'
+	import type { RadioGroupProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: RadioGroupProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupRadioGroup(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+	)}
+	attach={binding.attachElement}
+>
+	{#if props.children}
+		{@render props.children()}
+	{:else}
+		{#each state.shown ?? [] as radio (radio.uid)}
+			{#snippet label(scope: { active: boolean })}
+				{@render props.item?.({ ...scope, item: radio })}
+			{/snippet}
+			<RadioGroupItem ctrl={radio} children={props.item ? label : undefined} />
+		{/each}
+	{/if}
+</Dynamic>

package/dist/components/radio-group/RadioGroup.svelte.d.ts

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

package/dist/components/radio-group/base.component.d.ts

@@ -0,0 +1,5 @@
+import type { IRadioGroup } from '@soxa-ui/core';
+import type { RadioGroupCollectionDescriptor, RadioGroupDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type RadioGroupEventProps = EventProps<typeof RadioGroupDescriptor> & EventProps<typeof RadioGroupCollectionDescriptor>;
+export type RadioGroupProps = UseDomProps<typeof RadioGroupDescriptor, IRadioGroup, RadioGroupEventProps>;

package/dist/components/radio-group/base.component.js

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

package/dist/components/radio-group/index.d.ts

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

package/dist/components/radio-group/index.js

@@ -0,0 +1,7 @@
+import { withParts } from '@soxa-ui/setup';
+import RadioGroupComponent from './RadioGroup.svelte';
+import { RadioGroupItem } from './item';
+export * from './base.component';
+export { setupRadioGroup } from './setup.component';
+export * from './item';
+export const RadioGroup = withParts(RadioGroupComponent, { Item: RadioGroupItem });