@svelte-atoms/core 1.0.0-alpha.26 → 1.0.0-alpha.28

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

@@ -1,17 +1,7 @@
-<script module lang="ts">
-	export type ScrollableContentProps<T extends keyof HTMLElementTagNameMap> = Override<
-		HtmlAtomProps<T>,
-		{
-			children?: Snippet;
-		}
-	>;
-</script>
-
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
+	import type { ScrollableContentProps } from './types';
 	import { ScrollableBond } from './bond.svelte';
-	import type { Override } from '../../types';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
+	import { HtmlAtom } from '../atom';
 
 	const bond = ScrollableBond.get();
 

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

@@ -1,9 +1,4 @@
-export type ScrollableContentProps<T extends keyof HTMLElementTagNameMap> = Override<HtmlAtomProps<T>, {
-    children?: Snippet;
-}>;
-import type { Snippet } from 'svelte';
-import type { Override } from '../../types';
-import { type HtmlAtomProps } from '../atom';
+import type { ScrollableContentProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
     props: ScrollableContentProps<T>;
     exports: {};

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

@@ -1,28 +1,8 @@
-<script module lang="ts">
-	export type ScrollableRootProps<T extends keyof HTMLElementTagNameMap> = Override<
-		HtmlAtomProps<T>,
-		{
-			children?: Snippet<[{ scrollable: ScrollableBond }]>;
-		}
-	> & {
-		scrollX?: number;
-		scrollY?: number;
-		scrollWidth?: number;
-		scrollHeight?: number;
-		clientWidth?: number;
-		clientHeight?: number;
-		disabled?: boolean;
-		open?: boolean;
-	};
-</script>
-
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
-	import { ScrollableBond, ScrollableState, type ScrollableStateProps } from './bond.svelte';
-	import type { Override } from '../../types';
 	import { defineProperty, defineState } from '../../utils';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
-
+	import { HtmlAtom } from '../atom';
+	import { ScrollableBond, ScrollableState, type ScrollableStateProps } from './bond.svelte';
+	import type { ScrollableRootProps } from './types';
 	let {
 		scrollX = $bindable(0),
 		scrollY = $bindable(0),

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

@@ -1,25 +1,9 @@
-export type ScrollableRootProps<T extends keyof HTMLElementTagNameMap> = Override<HtmlAtomProps<T>, {
-    children?: Snippet<[{
-        scrollable: ScrollableBond;
-    }]>;
-}> & {
-    scrollX?: number;
-    scrollY?: number;
-    scrollWidth?: number;
-    scrollHeight?: number;
-    clientWidth?: number;
-    clientHeight?: number;
-    disabled?: boolean;
-    open?: boolean;
-};
-import type { Snippet } from 'svelte';
 import { ScrollableBond } from './bond.svelte';
-import type { Override } from '../../types';
-import { type HtmlAtomProps } from '../atom';
+import type { ScrollableRootProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
     props: ScrollableRootProps<T>;
     exports: {
-        getBond: () => any;
+        getBond: () => ScrollableBond;
     };
     bindings: "scrollX" | "clientWidth" | "scrollWidth" | "scrollY" | "clientHeight" | "scrollHeight";
     slots: {};
@@ -31,7 +15,7 @@ declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap> {
     slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "scrollX" | "clientWidth" | "scrollWidth" | "scrollY" | "clientHeight" | "scrollHeight";
     exports(): {
-        getBond: () => any;
+        getBond: () => ScrollableBond;
     };
 }
 interface $$IsomorphicComponent {

package/dist/components/scrollable/scrollable-thumb.svelte

@@ -1,18 +1,7 @@
-<script module lang="ts">
-	export type ScrollableThumbProps<T extends keyof HTMLElementTagNameMap> = Override<
-		HtmlAtomProps<T>,
-		{
-			children?: Snippet;
-			orientation: 'horizontal' | 'vertical';
-		}
-	>;
-</script>
-
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
+	import { HtmlAtom } from '../atom';
 	import { ScrollableBond } from './bond.svelte';
-	import type { Override } from '../../types';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
+	import type { ScrollableThumbProps } from './types';
 
 	let {
 		class: klass = '',

package/dist/components/scrollable/scrollable-thumb.svelte.d.ts

@@ -1,10 +1,4 @@
-export type ScrollableThumbProps<T extends keyof HTMLElementTagNameMap> = Override<HtmlAtomProps<T>, {
-    children?: Snippet;
-    orientation: 'horizontal' | 'vertical';
-}>;
-import type { Snippet } from 'svelte';
-import type { Override } from '../../types';
-import { type HtmlAtomProps } from '../atom';
+import type { ScrollableThumbProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
     props: ScrollableThumbProps<T>;
     exports: {};

package/dist/components/scrollable/scrollable-track.svelte

@@ -1,18 +1,7 @@
-<script module lang="ts">
-	export type ScrollableTrackProps<T extends keyof HTMLElementTagNameMap> = Override<
-		HtmlAtomProps<T>,
-		{
-			children?: Snippet;
-			orientation: 'horizontal' | 'vertical';
-		}
-	>;
-</script>
-
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
+	import type { ScrollableTrackProps } from './types';
 	import { ScrollableBond } from './bond.svelte';
-	import type { Override } from '../../types';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
+	import { HtmlAtom } from '../atom';
 
 	let {
 		class: klass = '',

package/dist/components/scrollable/scrollable-track.svelte.d.ts

@@ -1,10 +1,4 @@
-export type ScrollableTrackProps<T extends keyof HTMLElementTagNameMap> = Override<HtmlAtomProps<T>, {
-    children?: Snippet;
-    orientation: 'horizontal' | 'vertical';
-}>;
-import type { Snippet } from 'svelte';
-import type { Override } from '../../types';
-import { type HtmlAtomProps } from '../atom';
+import type { ScrollableTrackProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
     props: ScrollableTrackProps<T>;
     exports: {};

package/dist/components/scrollable/scrollable.stories.svelte.d.ts

@@ -4,7 +4,7 @@ type Scrollable = SvelteComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
-    $$bindings?: string | undefined;
+    $$bindings?: string;
 };
 declare const Scrollable: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: never;

package/dist/components/scrollable/types.d.ts

@@ -0,0 +1,62 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { Factory, Override } from '../../types';
+import type { ScrollableBond } from './bond.svelte';
+/**
+ * Extend this interface to add custom scrollable root properties in your application.
+ */
+export interface ScrollableExtendProps {
+}
+/**
+ * Extend this interface to add custom scrollable container properties in your application.
+ */
+export interface ScrollableContainerExtendProps {
+}
+/**
+ * Extend this interface to add custom scrollable content properties in your application.
+ */
+export interface ScrollableContentExtendProps {
+}
+/**
+ * Extend this interface to add custom scrollable track properties in your application.
+ */
+export interface ScrollableTrackExtendProps {
+}
+/**
+ * Extend this interface to add custom scrollable thumb properties in your application.
+ */
+export interface ScrollableThumbExtendProps {
+}
+export interface ScrollableRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        scrollable: ScrollableBond;
+    }]>;
+}>, ScrollableExtendProps {
+    factory?: Factory<ScrollableBond>;
+    scrollX?: number;
+    scrollY?: number;
+    scrollWidth?: number;
+    scrollHeight?: number;
+    clientWidth?: number;
+    clientHeight?: number;
+    disabled?: boolean;
+    open?: boolean;
+}
+export interface ScrollableContainerProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet;
+}>, ScrollableContainerExtendProps {
+}
+export interface ScrollableContentProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet;
+}>, ScrollableContentExtendProps {
+}
+export interface ScrollableTrackProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet;
+}>, ScrollableTrackExtendProps {
+    orientation: 'horizontal' | 'vertical';
+}
+export interface ScrollableThumbProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet;
+}>, ScrollableThumbExtendProps {
+    orientation: 'horizontal' | 'vertical';
+}

package/dist/components/scrollable/types.js

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

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

@@ -1,2 +1,3 @@
 export * as Sidebar from './atoms';
 export * from './attachments.svelte';
+export * from './types';

package/dist/components/sidebar/index.js

@@ -1,2 +1,3 @@
 export * as Sidebar from './atoms';
 export * from './attachments.svelte';
+export * from './types';

package/dist/components/sidebar/types.d.ts

@@ -3,17 +3,28 @@ import type { Override } from '../../types';
 import type { Factory } from '../../types';
 import type { SidebarBond } from './bond.svelte';
 import type { Base, HtmlAtomProps } from '../atom';
-export type SlideoverRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
+/**
+ * Extend this interface to add custom slideover root properties in your application.
+ */
+export interface SlideoverRootExtendProps {
+}
+/**
+ * Extend this interface to add custom slideover content properties in your application.
+ */
+export interface SlideoverContentExtendProps {
+}
+export interface SlideoverRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
     children?: Snippet<[{
         sidebar?: SidebarBond;
     }]>;
-}> & {
+}>, SlideoverRootExtendProps {
     open?: boolean;
     disabled?: boolean;
     factory?: Factory<SidebarBond>;
-};
-export type SlideoverContentProps<E extends keyof HTMLElementTagNameMap, B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
+}
+export interface SlideoverContentProps<E extends keyof HTMLElementTagNameMap, B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
     children?: Snippet<[{
         sidebar?: SidebarBond<any>;
     }]>;
-}>;
+}>, SlideoverContentExtendProps {
+}

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

@@ -1,25 +1,8 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import { type ElementType, type Base } from '../atom';
+import { type ElementType, type HtmlAtomProps, type Base } from '../atom';
 import './stack.css';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
-    props: Record<string, unknown> & {
-        [key: string]: unknown;
-        class?: import("../..").ClassValue | import("../..").ClassValue[];
-        as?: (string & {}) | E | undefined;
-        global?: boolean;
-        initial?: import("..").NodeFunction<E> | undefined;
-        enter?: import("..").TransitionFunction<E> | undefined;
-        exit?: import("..").TransitionFunction<E> | undefined;
-        animate?: import("..").NodeFunction<E> | undefined;
-        onmount?: import("..").NodeFunction<E> | undefined;
-        ondestroy?: import("..").NodeFunction<E> | undefined;
-        children?: import("svelte").Snippet;
-    } & {
-        bond?: import("../..").Bond;
-        base?: B | undefined;
-        preset?: import("../..").ModuleName | (string & {});
-        variants?: import("../..").VariantDefinition<any> | ((bond: import("../..").Bond, variantProps: Record<string, any>) => Record<string, any>);
-    } & HTMLAttributes<ElementType<E>>;
+    props: HtmlAtomProps<E, B> & HTMLAttributes<ElementType<E>>;
     exports: {};
     bindings: "";
     slots: {};

package/dist/components/stack/types.d.ts

@@ -0,0 +1,12 @@
+import type { HtmlAtomProps, Base } from '../atom';
+/**
+ * Extend this interface to add custom stack properties in your application.
+ */
+export interface StackExtendProps {
+}
+export interface StackProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, StackExtendProps {
+    direction?: 'row' | 'column';
+    gap?: number | string;
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+}

package/dist/components/stack/types.js

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

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

@@ -1,2 +1,3 @@
+export * from './types';
 export * as Tabs from './atoms';
 export { Tab } from './tab';

package/dist/components/tabs/index.js

@@ -1,2 +1,3 @@
+export * from './types';
 export * as Tabs from './atoms';
 export { Tab } from './tab';

package/dist/components/tabs/tab/tab-body.svelte

@@ -1,15 +1,6 @@
-<script module lang="ts">
-	export type TabBodyProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		children?: Snippet<[{ tab?: TabBond<unknown> }]>;
-	};
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../../atom';
+	import { HtmlAtom, type Base } from '../../atom';
+	import type { TabBodyProps } from '../types';
 	import { TabBond } from './bond.svelte';
 
 	const bond = TabBond.get();

package/dist/components/tabs/tab/tab-body.svelte.d.ts

@@ -1,11 +1,5 @@
-export type TabBodyProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & {
-    children?: Snippet<[{
-        tab?: TabBond<unknown>;
-    }]>;
-};
-import type { Snippet } from 'svelte';
-import { type HtmlAtomProps, type Base } from '../../atom';
-import { TabBond } from './bond.svelte';
+import { type Base } from '../../atom';
+import type { TabBodyProps } from '../types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: TabBodyProps<E, B>;
     exports: {};

package/dist/components/tabs/tab/tab-description.svelte

@@ -1,15 +1,6 @@
-<script module lang="ts">
-	export type TabDescriptionProps<
-		E extends keyof HTMLElementTagNameMap = 'p',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		children?: Snippet<[{ tab?: TabBond<unknown> }]>;
-	};
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base">
-	import type { Snippet } from 'svelte';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../../atom';
+	import type { TabDescriptionProps } from '../types';
+	import { HtmlAtom, type Base } from '../../atom';
 	import { TabBond } from './bond.svelte';
 
 	const bond = TabBond.get();

package/dist/components/tabs/tab/tab-description.svelte.d.ts

@@ -1,11 +1,5 @@
-export type TabDescriptionProps<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> = HtmlAtomProps<E, B> & {
-    children?: Snippet<[{
-        tab?: TabBond<unknown>;
-    }]>;
-};
-import type { Snippet } from 'svelte';
-import { type HtmlAtomProps, type Base } from '../../atom';
-import { TabBond } from './bond.svelte';
+import type { TabDescriptionProps } from '../types';
+import { type Base } from '../../atom';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base>(): {
     props: TabDescriptionProps<E, B>;
     exports: {};

package/dist/components/tabs/tab/tab-header.svelte

@@ -1,20 +1,10 @@
-<script module lang="ts">
-	export type TabHeaderProps<
-		E extends keyof HTMLElementTagNameMap = 'button',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		children?: Snippet<[{ tab?: TabBond<unknown> }]>;
-		onpointerdown?: (ev: PointerEvent, context: { tab?: TabBond<unknown> }) => void;
-	};
-</script>
-
 <script
 	lang="ts"
 	generics="E extends keyof HTMLElementTagNameMap = 'button', B extends Base = Base"
 >
-	import type { Snippet } from 'svelte';
+	import type { TabHeaderProps } from '../types';
 	import { TabBond } from './bond.svelte';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../../atom';
+	import { HtmlAtom, type Base } from '../../atom';
 
 	const bond = TabBond.get();
 

package/dist/components/tabs/tab/tab-header.svelte.d.ts

@@ -1,14 +1,5 @@
-export type TabHeaderProps<E extends keyof HTMLElementTagNameMap = 'button', B extends Base = Base> = HtmlAtomProps<E, B> & {
-    children?: Snippet<[{
-        tab?: TabBond<unknown>;
-    }]>;
-    onpointerdown?: (ev: PointerEvent, context: {
-        tab?: TabBond<unknown>;
-    }) => void;
-};
-import type { Snippet } from 'svelte';
-import { TabBond } from './bond.svelte';
-import { type HtmlAtomProps, type Base } from '../../atom';
+import type { TabHeaderProps } from '../types';
+import { type Base } from '../../atom';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'button', B extends Base = Base>(): {
     props: TabHeaderProps;
     exports: {};

package/dist/components/tabs/tab/tab-root.svelte

@@ -4,8 +4,8 @@
 >
 	import { nanoid } from 'nanoid';
 	import { animate as motion } from 'motion';
-	import { TabBond, TabBondState, type TabBondProps } from './bond.svelte';
 	import { defineProperty, defineState } from '../../../utils';
+	import { TabBond, TabBondState, type TabBondProps } from './bond.svelte';
 	import { TabsBond } from '../bond.svelte';
 	import { type Base } from '../../atom';
 	import { Stack } from '../../stack';

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

@@ -0,0 +1,55 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { Factory } from '../../types';
+import type { TabsBond } from './bond.svelte';
+import type { TabBond } from './tab/bond.svelte';
+/**
+ * Extend this interface to add custom tabs root properties in your application.
+ */
+export interface TabsRootExtendProps {
+}
+/**
+ * Extend this interface to add custom tab header properties in your application.
+ */
+export interface TabHeaderExtendProps {
+}
+/**
+ * Extend this interface to add custom tab body properties in your application.
+ */
+export interface TabBodyExtendProps {
+}
+/**
+ * Extend this interface to add custom tab description properties in your application.
+ */
+export interface TabDescriptionExtendProps {
+}
+export type TabsRootProps<D extends string = string, E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Omit<HtmlAtomProps<E, B>, 'children'> & TabsRootExtendProps & {
+    value?: D;
+    factory?: Factory<TabsBond>;
+    children?: Snippet<[{
+        tabs: TabsBond;
+    }]>;
+    onchange?: (value: D) => void;
+};
+export type TabHeaderProps<E extends keyof HTMLElementTagNameMap = 'button', B extends Base = Base> = HtmlAtomProps<E, B> & TabHeaderExtendProps & {
+    children?: Snippet<[{
+        tab?: TabBond<unknown>;
+    }]>;
+    onpointerdown?: (ev: PointerEvent, context: {
+        tab?: TabBond<unknown>;
+    }) => void;
+};
+export type TabBodyProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & TabBodyExtendProps & {
+    children?: Snippet<[{
+        tab?: TabBond<unknown>;
+    }]>;
+};
+export type TabDescriptionProps<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> = HtmlAtomProps<E, B> & TabDescriptionExtendProps & {
+    children?: Snippet<[{
+        tab?: TabBond<unknown>;
+    }]>;
+};
+/**
+ * @deprecated Use TabsRootExtendProps instead
+ */
+export type TabsExtendProps = TabsRootExtendProps;

package/dist/components/tabs/types.js

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

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

@@ -1 +1,2 @@
 export * as Textarea from './atoms';
+export * from './types';

package/dist/components/textarea/index.js

@@ -1 +1,2 @@
 export * as Textarea from './atoms';
+export * from './types';

package/dist/components/textarea/types.d.ts

@@ -0,0 +1,28 @@
+import type { HtmlAtomProps, Base } from '../atom';
+/**
+ * Extend this interface to add custom textarea root properties in your application.
+ */
+export interface TextareaRootExtendProps {
+}
+/**
+ * Extend this interface to add custom textarea input properties in your application.
+ */
+export interface TextareaInputExtendProps {
+}
+export interface TextareaRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, TextareaRootExtendProps {
+}
+export interface TextareaInputProps extends TextareaInputExtendProps {
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    rows?: number;
+    cols?: number;
+    maxlength?: number;
+    minlength?: number;
+    required?: boolean;
+    autofocus?: boolean;
+    autocomplete?: string;
+    spellcheck?: boolean;
+    wrap?: 'soft' | 'hard' | 'off';
+}

package/dist/components/textarea/types.js

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

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

@@ -1 +1,2 @@
 export * as Toast from './atoms';
+export * from './types';

package/dist/components/toast/index.js

@@ -1 +1,2 @@
 export * as Toast from './atoms';
+export * from './types';

package/dist/components/toast/toast-description.svelte

@@ -1,15 +1,9 @@
-<script module lang="ts">
-	export type ToastDescriptionProps<T extends keyof HTMLElementTagNameMap> = HtmlAtomProps<T> & {
-		as?: T;
-		children?: Snippet<[{ toast?: ToastBond }]>;
-	};
-</script>
-
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
+	import { HtmlAtom } from '../atom';
+	import type { ToastDescriptionProps } from './types';
 	import { ToastBond } from './bond';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
+	export type { ToastDescriptionProps } from './types';
 
 	const bond = ToastBond.get();