@svelte-atoms/core 1.0.0-alpha.33 → 1.0.0-alpha.34

package/dist/components/stepper/step/step-separator.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type Base } from '../../atom';
+import type { StepSeparatorProps } from './types';
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
+    props: StepSeparatorProps<E, B>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const StepSeparator: $$IsomorphicComponent;
+type StepSeparator<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof StepSeparator<E, B>>;
+export default StepSeparator;

package/dist/components/stepper/step/step-title.svelte

@@ -0,0 +1,33 @@
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { HtmlAtom as Atom, type Base } from '../../atom';
+	import { StepBond } from './bond.svelte';
+	import type { StepTitleProps } from './types';
+
+	const bond = StepBond.get();
+
+	if(!bond) {
+		throw new Error('StepTitle must be used within a Step component.');
+	}
+
+	let {
+		class: klass = '',
+		preset = 'stepper.step.title',
+		children = undefined,
+		...restProps
+	}: StepTitleProps<E, B> = $props();
+
+
+	const titleProps = $derived({
+		...bond?.title(),
+		...restProps
+	});
+</script>
+
+<Atom
+	as="div"
+	{preset}
+	class={['font-medium text-sm', '$preset', klass]}
+	{...titleProps}
+>
+	{@render children?.({ step: bond })}
+</Atom>

package/dist/components/stepper/step/step-title.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type Base } from '../../atom';
+import type { StepTitleProps } from './types';
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
+    props: StepTitleProps<E, B>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const StepTitle: $$IsomorphicComponent;
+type StepTitle<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof StepTitle<E, B>>;
+export default StepTitle;

package/dist/components/stepper/step/types.d.ts

@@ -0,0 +1,91 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../../atom';
+import type { Factory } from '../../../types';
+import type { StepBond } from './bond.svelte';
+export interface StepRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Omit<HtmlAtomProps<E, B>, 'children'> {
+    /**
+     * The step index (0-based)
+     */
+    index: number;
+    /**
+     * Whether this step is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether this step is completed
+     * @default false
+     */
+    completed?: boolean;
+    /**
+     * Whether this step is optional
+     * @default false
+     */
+    optional?: boolean;
+    /**
+     * Custom factory for creating step bond
+     */
+    factory?: Factory<StepBond>;
+    /**
+     * Child render function
+     */
+    children?: Snippet<[{
+        step: StepBond;
+    }]>;
+}
+export interface StepIndicatorProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B> {
+    /**
+     * Child render function
+     */
+    children?: Snippet<[{
+        step: StepBond;
+    }]>;
+}
+export interface StepHeaderProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B> {
+    /**
+     * Child render function
+     */
+    children?: Snippet<[{
+        step: StepBond;
+    }]>;
+}
+export interface StepTitleProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B> {
+    /**
+     * Child render function
+     */
+    children?: Snippet<[{
+        step: StepBond;
+    }]>;
+}
+export interface StepDescriptionProps<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> extends HtmlAtomProps<E, B> {
+    /**
+     * Child render function
+     */
+    children?: Snippet<[{
+        step: StepBond;
+    }]>;
+}
+export interface StepBodyProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B> {
+    /**
+     * Child render function
+     */
+    children?: Snippet<[{
+        step: StepBond;
+    }]>;
+}
+export interface StepSeparatorProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B> {
+    /**
+     * Child render function
+     */
+    children?: Snippet<[{
+        step: StepBond;
+    }]>;
+}
+export interface StepContentProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B> {
+    /**
+     * Child render function
+     */
+    children?: Snippet<[{
+        step?: StepBond;
+    }]>;
+}

package/dist/components/stepper/step/types.js

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

package/dist/components/stepper/stepper-body.svelte

@@ -0,0 +1,43 @@
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
+	import { Stack } from '../stack';
+	import { StepperBond } from './bond.svelte';
+	import type { StepperBodyProps } from './types';
+
+	const bond = StepperBond.get();
+
+	let {
+		class: klass = '',
+		base=Stack.Root,
+		children = undefined,
+		onmount = undefined,
+		ondestroy = undefined,
+		animate = undefined,
+		enter = undefined,
+		exit = undefined,
+		initial = undefined,
+		preset = 'stepper.body' as const,
+		...restProps
+	}: StepperBodyProps<E, B> = $props();
+
+	const bodyProps = $derived({
+		...restProps
+	});
+</script>
+
+<HtmlAtom
+	{preset}
+	{bond}
+	{base}
+	class={['stepper-body w-full', '$preset', klass]}
+	onmount={onmount?.bind(bond?.state)}
+	ondestroy={ondestroy?.bind(bond?.state)}
+	enter={enter?.bind(bond?.state)}
+	exit={exit?.bind(bond?.state)}
+	initial={initial?.bind(bond?.state)}
+	animate={animate?.bind(bond?.state)}
+	{...bodyProps}
+>
+	<!-- Custom body content -->
+	{@render children?.({ stepper: bond })}
+</HtmlAtom>

package/dist/components/stepper/stepper-body.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type Base } from '../atom';
+import type { StepperBodyProps } from './types';
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
+    props: StepperBodyProps<E, B>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const StepperBody: $$IsomorphicComponent;
+type StepperBody<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof StepperBody<E, B>>;
+export default StepperBody;

package/dist/components/stepper/stepper-content.svelte

@@ -0,0 +1,45 @@
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
+	import { StepperBond } from './bond.svelte';
+	import type { StepperContentProps } from './types';
+
+	const bond = StepperBond.get();
+
+	let {
+		class: klass = '',
+		children = undefined,
+		preset = 'stepper.content' as const,
+		...restProps
+	}: StepperContentProps<E, B> = $props();
+	
+	const activeStep = $derived(bond?.state?.getStep(bond?.state?.props?.step));
+	const activeStepContent = $derived(bond?.state?.activeStepContent);
+
+	const contentKlass = $derived(activeStepContent?.props.class)
+	const contentProps = $derived.by(()=> {
+		const { class: klass, ...restContentProps } = activeStepContent?.props ?? {};
+		return {
+			...restContentProps,
+			...restProps
+		}
+	});
+
+
+</script>
+
+{#if activeStepContent}
+	{#key activeStepContent}
+		<HtmlAtom
+			{preset}
+			{bond}
+			class={['stepper-content w-full', '$preset', contentKlass, klass]}
+			{...contentProps}
+		>
+			<!-- Render teleported step content -->
+			{@render activeStepContent.children({ step: activeStep })}
+
+			<!-- Optional custom content wrapper -->
+			<!-- {@render children?.({ stepper: bond })} -->
+		</HtmlAtom>
+	{/key}
+{/if}

package/dist/components/stepper/stepper-content.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type Base } from '../atom';
+import type { StepperContentProps } from './types';
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
+    props: StepperContentProps<E, B>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const StepperContent: $$IsomorphicComponent;
+type StepperContent<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof StepperContent<E, B>>;
+export default StepperContent;

package/dist/components/stepper/stepper-footer.svelte

@@ -0,0 +1,31 @@
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
+	import { StepperBond } from './bond.svelte';
+	import type { StepperFooterProps } from './types';
+
+	const bond = StepperBond.get();
+
+	if(!bond) {
+		throw new Error('StepperFooter must be used within a Stepper component.');
+	}
+
+	let {
+		class: klass = '',
+		children = undefined,
+		preset = 'stepper.footer' as const,
+		...restProps
+	}: StepperFooterProps<E, B> = $props();
+
+	const footerProps = $derived({
+		...restProps
+	});
+</script>
+
+<HtmlAtom
+	{preset}
+	{bond}
+	class={['stepper-footer w-full', '$preset', klass]}
+	{...footerProps}
+>
+	{@render children?.({ stepper: bond })}
+</HtmlAtom>

package/dist/components/stepper/stepper-footer.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type Base } from '../atom';
+import type { StepperFooterProps } from './types';
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
+    props: StepperFooterProps<E, B>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const StepperFooter: $$IsomorphicComponent;
+type StepperFooter<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof StepperFooter<E, B>>;
+export default StepperFooter;

package/dist/components/stepper/stepper-header.svelte

@@ -0,0 +1,39 @@
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
+	import { StepperBond } from './bond.svelte';
+	import type { StepperHeaderProps } from './types';
+
+	const bond = StepperBond.get();
+
+	let {
+		class: klass = '',
+		children = undefined,
+		onmount = undefined,
+		ondestroy = undefined,
+		animate = undefined,
+		enter = undefined,
+		exit = undefined,
+		initial = undefined,
+		preset = 'stepper.header' as const,
+		...restProps
+	}: StepperHeaderProps<E, B> = $props();
+
+	const headerProps = $derived({
+		...restProps
+	});
+</script>
+
+<HtmlAtom
+	{preset}
+	{bond}
+	class={['stepper-header w-full', '$preset', klass]}
+	onmount={onmount?.bind(bond?.state)}
+	ondestroy={ondestroy?.bind(bond?.state)}
+	enter={enter?.bind(bond?.state)}
+	exit={exit?.bind(bond?.state)}
+	initial={initial?.bind(bond?.state)}
+	animate={animate?.bind(bond?.state)}
+	{...headerProps}
+>
+	{@render children?.({ stepper: bond })}
+</HtmlAtom>

package/dist/components/stepper/stepper-header.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type Base } from '../atom';
+import type { StepperHeaderProps } from './types';
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
+    props: StepperHeaderProps<E, B>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const StepperHeader: $$IsomorphicComponent;
+type StepperHeader<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof StepperHeader<E, B>>;
+export default StepperHeader;

package/dist/components/stepper/stepper-root.svelte

@@ -0,0 +1,60 @@
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { defineProperty, defineState } from '../../utils';
+	import { HtmlAtom, type Base } from '../atom';
+	import { StepperBond, StepperState, type StepperStateProps } from './bond.svelte';
+	import type { StepperRootProps } from './types';
+	import type { Factory } from '../../types';
+
+	let {
+		step = $bindable(0),
+		linear = false,
+		disabled = false,
+		class: klass = '',
+		children = undefined,
+		factory = _factory as Factory<StepperBond>,
+		onmount = undefined,
+		ondestroy = undefined,
+		animate = undefined,
+		enter = undefined,
+		exit = undefined,
+		initial = undefined,
+		preset = 'stepper' as const,
+		...restProps
+	}: StepperRootProps<E, B> = $props();
+
+	const bondProps = defineState<StepperStateProps>([
+		defineProperty(
+			'step',
+			() => step,
+			(v) => {
+				step = v;
+			}
+		),
+		defineProperty('linear', () => linear),
+		defineProperty('disabled', () => disabled)
+	]);
+	const bond = factory(bondProps).share();
+
+	const rootProps = $derived({
+		...bond.root(),
+		...restProps
+	});
+
+	function _factory(props: typeof bondProps = bondProps) {
+		const bondState = new StepperState(() => props);
+		return new StepperBond(bondState);
+	}
+
+	export function getBond() {
+		return bond;
+	}
+</script>
+
+<HtmlAtom
+	{preset}
+	{bond}
+	class={['flex flex-col', '$preset', klass]}
+	{...rootProps}
+>
+	{@render children?.({ stepper: bond })}
+</HtmlAtom>

package/dist/components/stepper/stepper-root.svelte.d.ts

@@ -0,0 +1,31 @@
+import { type Base } from '../atom';
+import { StepperBond } from './bond.svelte';
+import type { StepperRootProps } from './types';
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
+    props: StepperRootProps<E, B>;
+    exports: {
+        getBond: () => StepperBond;
+    };
+    bindings: "step";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
+    bindings(): "step";
+    exports(): {
+        getBond: () => StepperBond;
+    };
+}
+interface $$IsomorphicComponent {
+    new <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const StepperRoot: $$IsomorphicComponent;
+type StepperRoot<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof StepperRoot<E, B>>;
+export default StepperRoot;