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

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

@@ -1,19 +1,8 @@
-export type SlideoverFooterProps<E extends keyof HTMLElementTagNameMap, B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
-    children?: Snippet<[{
-        drawer?: DrawerBond;
-    }]>;
-}>;
-import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { Override } from '../../types';
-import { DrawerBond } from './bond.svelte';
-import { type HtmlAtomProps, type Base } from '../atom';
+import type { SlideoverFooterProps } from './types';
+import { type Base } from '../atom';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
-    props: Omit<HtmlAtomProps<E, B>, "children"> & {
-        children?: Snippet<[{
-            drawer?: DrawerBond;
-        }]>;
-    } & HTMLAttributes<HTMLElementTagNameMap[E]>;
+    props: SlideoverFooterProps<E, B> & HTMLAttributes<HTMLElementTagNameMap[E]>;
     exports: {};
     bindings: "";
     slots: {};

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

@@ -1,21 +1,8 @@
-<script module lang="ts">
-	export type SlideoverHeaderProps<
-		E extends keyof HTMLElementTagNameMap,
-		B extends Base = Base
-	> = Override<
-		HtmlAtomProps<E, B>,
-		{
-			children?: Snippet<[{ drawer?: DrawerBond }]>;
-		}
-	>;
-</script>
-
-<script lang="ts" generics="E extends keyof HTMLElementTagNameMap='div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
 	import type { HTMLAttributes } from 'svelte/elements';
+	import type { SlideoverHeaderProps } from './types';
 	import { DrawerBond } from './bond.svelte';
-	import type { Override } from '../../types';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import { HtmlAtom, type Base } from '../atom';
 
 	type Element = HTMLElementTagNameMap[E];
 

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

@@ -1,19 +1,8 @@
-export type SlideoverHeaderProps<E extends keyof HTMLElementTagNameMap, B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
-    children?: Snippet<[{
-        drawer?: DrawerBond;
-    }]>;
-}>;
-import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { DrawerBond } from './bond.svelte';
-import type { Override } from '../../types';
-import { type HtmlAtomProps, type Base } from '../atom';
+import type { SlideoverHeaderProps } from './types';
+import { type Base } from '../atom';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
-    props: Omit<HtmlAtomProps<E, B>, "children"> & {
-        children?: Snippet<[{
-            drawer?: DrawerBond;
-        }]>;
-    } & HTMLAttributes<HTMLElementTagNameMap[E]>;
+    props: SlideoverHeaderProps<E, B> & HTMLAttributes<HTMLElementTagNameMap[E]>;
     exports: {};
     bindings: "";
     slots: {};

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

@@ -1,118 +1,93 @@
-<script module lang="ts">
-	import type { Factory } from '../../types';
-
-	export type SlideoverRootProps<
-		E extends keyof HTMLElementTagNameMap,
-		B extends Base = Base
-	> = Override<
-		HtmlAtomProps<E, B>,
-		{
-			children?: Snippet<[{ drawer: DrawerBond }]>;
-			initial?: (node: HTMLElement, bond: DrawerBond) => void;
-			enter?: (node: HTMLElement, bond: DrawerBond) => TransitionFunction<'dialog'>;
-			exit?: (node: HTMLElement, bond: DrawerBond) => TransitionFunction<'dialog'>;
-		}
-	> & {
-		open?: boolean;
-		disabled?: boolean;
-		portal?: string | PortalBond;
-		onclose?: (event: Event, bond: DrawerBond) => void;
-		factory?: Factory<DrawerBond>;
-	};
-</script>
-
-<script lang="ts" generics="E extends keyof HTMLElementTagNameMap='dialog', B extends Base = Base">
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
-	import type { Override } from '../../types';
-	import { defineProperty, defineState } from '../../utils';
-	import { type TransitionFunction } from '../element';
-	import Teleport from '../portal/teleport.svelte';
-	import type { HtmlAtomProps, Base } from '../atom';
-	import { DrawerBond, DrawerBondState, type DrawerBondProps } from './bond.svelte';
-	import { ActivePortal, type PortalBond } from '../portal';
-
-	type Element = HTMLElementTagNameMap[E];
-
-	let {
-		open = $bindable(false),
-		children = undefined,
-		class: klass = '',
-		as = 'dialog',
-		disabled = false,
-		portal = undefined,
-		onclose = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
-		factory = _factory,
-		...restProps
-	}: SlideoverRootProps<E, B> & HTMLAttributes<Element> = $props();
-
-	const bondProps = defineState<DrawerBondProps>(
-		[
-			defineProperty(
-				'open',
-				() => open,
-				(v) => {
-					open = v;
-				}
-			),
-			defineProperty('disabled', () => disabled)
-		],
-		() => ({})
-	);
-	const bond = _factory(bondProps).share();
-
-	const rootProps = $derived({
-		...bond?.root(),
-		...restProps
-	});
-
-	$effect(() => {
-		if (bond.elements.root instanceof HTMLDialogElement) {
-			if (open) {
-				bond.elements.root?.show?.();
-			}
-		}
-	});
-
-	function _factory(props: typeof bondProps) {
-		const bondState = new DrawerBondState(() => props);
-		const bond = new DrawerBond(bondState);
-
-		return bond;
-	}
-
-	export function getBond() {
-		return bond;
-	}
-</script>
-
-<Teleport
-	{as}
-	{bond}
-	portal={portal ?? 'root.l1'}
-	preset="drawer"
-	class={[
-		'border-border pointer-events-auto h-full w-full overflow-hidden bg-transparent',
-		!open && 'pointer-events-none',
-		'$preset',
-		klass
-	]}
-	closeby="none"
-	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)}
-	{...rootProps}
->
-	<ActivePortal portal={portal ?? 'root.l1'}>
-		{@render children?.({ drawer: bond })}
-	</ActivePortal>
-</Teleport>
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap='dialog', B extends Base = Base">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { defineProperty, defineState } from '../../utils';
+	import Teleport from '../portal/teleport.svelte';
+	import type { Base } from '../atom';
+	import { DrawerBond, DrawerBondState, type DrawerBondProps } from './bond.svelte';
+	import type { SlideoverRootProps } from './types';
+	import { ActivePortal } from '../portal';
+
+	type Element = HTMLElementTagNameMap[E];
+
+	let {
+		open = $bindable(false),
+		children = undefined,
+		class: klass = '',
+		as = 'dialog',
+		disabled = false,
+		portal = undefined,
+		onclose = undefined,
+		onmount = undefined,
+		ondestroy = undefined,
+		animate = undefined,
+		enter = undefined,
+		exit = undefined,
+		initial = undefined,
+		factory = _factory,
+		...restProps
+	}: SlideoverRootProps<E, B> & HTMLAttributes<Element> = $props();
+
+	const bondProps = defineState<DrawerBondProps>(
+		[
+			defineProperty(
+				'open',
+				() => open,
+				(v) => {
+					open = v;
+				}
+			),
+			defineProperty('disabled', () => disabled)
+		],
+		() => ({})
+	);
+	const bond = _factory(bondProps).share();
+
+	const rootProps = $derived({
+		...bond?.root(),
+		...restProps
+	});
+
+	$effect(() => {
+		if (bond.elements.root instanceof HTMLDialogElement) {
+			if (open) {
+				bond.elements.root?.show?.();
+			}
+		}
+	});
+
+	function _factory(props: typeof bondProps) {
+		const bondState = new DrawerBondState(() => props);
+		const bond = new DrawerBond(bondState);
+
+		return bond;
+	}
+
+	export function getBond() {
+		return bond;
+	}
+</script>
+
+<Teleport
+	{as}
+	{bond}
+	portal={portal ?? 'root.l1'}
+	preset="drawer"
+	class={[
+		'border-border pointer-events-auto h-full w-full overflow-hidden bg-transparent',
+		!open && 'pointer-events-none',
+		'$preset',
+		klass
+	]}
+	closeby="none"
+	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)}
+	{...rootProps}
+>
+	<ActivePortal portal={portal ?? 'root.l1'}>
+		{@render children?.({ drawer: bond })}
+	</ActivePortal>
+</Teleport>

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

@@ -1,40 +1,9 @@
-import type { Factory } from '../../types';
-export type SlideoverRootProps<E extends keyof HTMLElementTagNameMap, B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
-    children?: Snippet<[{
-        drawer: DrawerBond;
-    }]>;
-    initial?: (node: HTMLElement, bond: DrawerBond) => void;
-    enter?: (node: HTMLElement, bond: DrawerBond) => TransitionFunction<'dialog'>;
-    exit?: (node: HTMLElement, bond: DrawerBond) => TransitionFunction<'dialog'>;
-}> & {
-    open?: boolean;
-    disabled?: boolean;
-    portal?: string | PortalBond;
-    onclose?: (event: Event, bond: DrawerBond) => void;
-    factory?: Factory<DrawerBond>;
-};
-import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { Override } from '../../types';
-import { type TransitionFunction } from '../element';
-import type { HtmlAtomProps, Base } from '../atom';
+import type { Base } from '../atom';
 import { DrawerBond, DrawerBondState, type DrawerBondProps } from './bond.svelte';
-import { type PortalBond } from '../portal';
+import type { SlideoverRootProps } from './types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'dialog', B extends Base = Base>(): {
-    props: Omit<HtmlAtomProps<E, B>, "initial" | "enter" | "exit" | "children"> & {
-        children?: Snippet<[{
-            drawer: DrawerBond;
-        }]>;
-        initial?: (node: HTMLElement, bond: DrawerBond) => void;
-        enter?: (node: HTMLElement, bond: DrawerBond) => TransitionFunction<"dialog">;
-        exit?: (node: HTMLElement, bond: DrawerBond) => TransitionFunction<"dialog">;
-    } & {
-        open?: boolean;
-        disabled?: boolean;
-        portal?: string | PortalBond;
-        onclose?: (event: Event, bond: DrawerBond) => void;
-        factory?: Factory<DrawerBond>;
-    } & HTMLAttributes<HTMLElementTagNameMap[E]>;
+    props: SlideoverRootProps<E, B> & HTMLAttributes<HTMLElementTagNameMap[E]>;
     exports: {
         getBond: () => DrawerBond<DrawerBondProps<Record<string, unknown>>, DrawerBondState<DrawerBondProps>>;
     };

package/dist/components/drawer/drawer-title.svelte

@@ -1,21 +1,8 @@
-<script module lang="ts">
-	export type SlideoverTitleProps<
-		E extends keyof HTMLElementTagNameMap,
-		B extends Base = Base
-	> = Override<
-		HtmlAtomProps<E, B>,
-		{
-			children?: Snippet<[{ drawer?: DrawerBond }]>;
-		}
-	>;
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'h3', B extends Base = Base">
-	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
+	import { HtmlAtom, type Base } from '../atom';
 	import { DrawerBond } from './bond.svelte';
-	import type { Override } from '../../types';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import type { SlideoverTitleProps } from './types';
 
 	type Element = HTMLElementTagNameMap[E];
 

package/dist/components/drawer/drawer-title.svelte.d.ts

@@ -1,19 +1,8 @@
-export type SlideoverTitleProps<E extends keyof HTMLElementTagNameMap, B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
-    children?: Snippet<[{
-        drawer?: DrawerBond;
-    }]>;
-}>;
-import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { DrawerBond } from './bond.svelte';
-import type { Override } from '../../types';
-import { type HtmlAtomProps, type Base } from '../atom';
+import { type Base } from '../atom';
+import type { SlideoverTitleProps } from './types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'h3', B extends Base = Base>(): {
-    props: Omit<HtmlAtomProps<E, B>, "children"> & {
-        children?: Snippet<[{
-            drawer?: DrawerBond;
-        }]>;
-    } & HTMLAttributes<HTMLElementTagNameMap[E]>;
+    props: SlideoverTitleProps<E, B> & HTMLAttributes<HTMLElementTagNameMap[E]>;
     exports: {};
     bindings: "";
     slots: {};

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

@@ -1,3 +1,4 @@
 export * as Drawer from './atoms';
 export { clickoutDrawer, closeDrawer, openDrawer, drawer, toggleDrawer } from './attachments.svelte';
 export { DrawerBond, type DrawerBondElements, type DrawerBondProps, DrawerBondState } from './bond.svelte';
+export * from './types';

package/dist/components/drawer/index.js

@@ -1,3 +1,4 @@
 export * as Drawer from './atoms';
 export { clickoutDrawer, closeDrawer, openDrawer, drawer, toggleDrawer } from './attachments.svelte';
 export { DrawerBond, DrawerBondState } from './bond.svelte';
+export * from './types';

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

@@ -0,0 +1,86 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { Override, Factory } from '../../types';
+import type { TransitionFunction } from '../element';
+import type { PortalBond } from '../portal';
+import type { DrawerBond } from './bond.svelte';
+/**
+ * Extend this interface to add custom drawer/slideover root properties in your application.
+ */
+export interface DrawerExtendProps {
+}
+/**
+ * Extend this interface to add custom drawer/slideover content properties in your application.
+ */
+export interface DrawerContentExtendProps {
+}
+/**
+ * Extend this interface to add custom drawer/slideover header properties in your application.
+ */
+export interface DrawerHeaderExtendProps {
+}
+/**
+ * Extend this interface to add custom drawer/slideover body properties in your application.
+ */
+export interface DrawerBodyExtendProps {
+}
+/**
+ * Extend this interface to add custom drawer/slideover footer properties in your application.
+ */
+export interface DrawerFooterExtendProps {
+}
+/**
+ * Extend this interface to add custom drawer/slideover title properties in your application.
+ */
+export interface DrawerTitleExtendProps {
+}
+/**
+ * Extend this interface to add custom drawer/slideover description properties in your application.
+ */
+export interface DrawerDescriptionExtendProps {
+}
+/**
+ * Extend this interface to add custom drawer/slideover backdrop properties in your application.
+ */
+export interface DrawerBackdropExtendProps {
+}
+export interface SlideoverRootProps<E extends keyof HTMLElementTagNameMap, B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        drawer: DrawerBond;
+    }]>;
+    initial?: (node: HTMLElement, bond: DrawerBond) => void;
+    enter?: (node: HTMLElement, bond: DrawerBond) => TransitionFunction<'dialog'>;
+    exit?: (node: HTMLElement, bond: DrawerBond) => TransitionFunction<'dialog'>;
+}>, DrawerExtendProps {
+    open?: boolean;
+    disabled?: boolean;
+    portal?: string | PortalBond;
+    onclose?: (event: Event, bond: DrawerBond) => void;
+    factory?: Factory<DrawerBond>;
+}
+export interface SlideoverContentProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, DrawerContentExtendProps {
+}
+export interface SlideoverHeaderProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        drawer?: DrawerBond;
+    }]>;
+}>, DrawerHeaderExtendProps {
+}
+export interface DrawerBodyProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        drawer?: DrawerBond;
+    }]>;
+}>, DrawerBodyExtendProps {
+}
+export interface SlideoverFooterProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        drawer?: DrawerBond;
+    }]>;
+}>, DrawerFooterExtendProps {
+}
+export interface SlideoverTitleProps<E extends keyof HTMLElementTagNameMap = 'h2', B extends Base = Base> extends HtmlAtomProps<E, B>, DrawerTitleExtendProps {
+}
+export interface SlideoverDescriptionProps<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> extends HtmlAtomProps<E, B>, DrawerDescriptionExtendProps {
+}
+export interface SlideoverBackdropProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, DrawerBackdropExtendProps {
+}

package/dist/components/drawer/types.js

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

package/dist/components/dropdown/dropdown-query.svelte

@@ -1,7 +1,8 @@
-<script lang="ts" generics="T extends keyof HTMLElementTagNameMap = 'div', S extends Shell = Shell">
+<script lang="ts" generics="T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
 	import { onMount } from 'svelte';
 	import { DropdownBond } from './bond.svelte';
 	import { Input } from '../input';
+	import { type Base } from '../atom';
 
 	const bond = DropdownBond.get() as DropdownBond;
 

package/dist/components/dropdown/dropdown-query.svelte.d.ts

@@ -1,4 +1,5 @@
-declare function $$render<T extends keyof HTMLElementTagNameMap = 'div', S extends Shell = Shell>(): {
+import { type Base } from '../atom';
+declare function $$render<T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: {
         class?: string;
         children?: any;
@@ -15,20 +16,20 @@ declare function $$render<T extends keyof HTMLElementTagNameMap = 'div', S exten
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap = 'div', S extends Shell = Shell> {
-    props(): ReturnType<typeof $$render<T, S>>['props'];
-    events(): ReturnType<typeof $$render<T, S>>['events'];
-    slots(): ReturnType<typeof $$render<T, S>>['slots'];
+declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<T, B>>['props'];
+    events(): ReturnType<typeof $$render<T, B>>['events'];
+    slots(): ReturnType<typeof $$render<T, B>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends keyof HTMLElementTagNameMap = 'div', S extends Shell = Shell>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, S>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, S>['props']>, ReturnType<__sveltets_Render<T, S>['events']>, ReturnType<__sveltets_Render<T, S>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, S>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, S>['exports']>;
-    <T extends keyof HTMLElementTagNameMap = 'div', S extends Shell = Shell>(internal: unknown, props: ReturnType<__sveltets_Render<T, S>['props']> & {}): ReturnType<__sveltets_Render<T, S>['exports']>;
+    new <T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, B>['props']>, ReturnType<__sveltets_Render<T, B>['events']>, ReturnType<__sveltets_Render<T, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, B>['exports']>;
+    <T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<T, B>['props']> & {}): ReturnType<__sveltets_Render<T, B>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const DropdownQuery: $$IsomorphicComponent;
-type DropdownQuery<T extends keyof HTMLElementTagNameMap = 'div', S extends Shell = Shell> = InstanceType<typeof DropdownQuery<T, S>>;
+type DropdownQuery<T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof DropdownQuery<T, B>>;
 export default DropdownQuery;

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

@@ -1,6 +1,6 @@
 <script lang="ts" generics="T">
-	import { DropdownBond, DropdownBondState, type DropdownStateProps } from './bond.svelte';
 	import { defineProperty, defineState } from '../../utils';
+	import { DropdownBond, DropdownBondState, type DropdownStateProps } from './bond.svelte';
 
 	let {
 		open = $bindable(false),

package/dist/components/dropdown/dropdown-trigger.svelte

@@ -1,19 +1,8 @@
-<script module lang="ts">
-	import type { PopoverTriggerProps } from '../popover/popover-trigger.svelte';
-
-	export type DropdownTriggerProps<
-		T extends keyof HTMLElementTagNameMap,
-		B extends Base = Base
-	> = PopoverTriggerProps<T, B> & {
-		children?: Snippet<[{ dropdown?: DropdownBond }]>;
-	};
-</script>
-
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
-	import { DropdownBond } from './bond.svelte';
 	import { Trigger } from '../popover/atoms';
 	import type { Base } from '../atom';
+	import { DropdownBond } from './bond.svelte';
+	import type { DropdownTriggerProps } from './types';
 
 	const bond = DropdownBond.get();
 

package/dist/components/dropdown/dropdown-trigger.svelte.d.ts

@@ -1,12 +1,5 @@
-import type { PopoverTriggerProps } from '../popover/popover-trigger.svelte';
-export type DropdownTriggerProps<T extends keyof HTMLElementTagNameMap, B extends Base = Base> = PopoverTriggerProps<T, B> & {
-    children?: Snippet<[{
-        dropdown?: DropdownBond;
-    }]>;
-};
-import type { Snippet } from 'svelte';
-import { DropdownBond } from './bond.svelte';
 import type { Base } from '../atom';
+import type { DropdownTriggerProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: DropdownTriggerProps<T, B>;
     exports: {};

package/dist/components/dropdown/dropdown-value.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import { DropdownBond } from './bond.svelte';
 	import { Icon } from '../icon';
 	import { HtmlAtom, type Base } from '../atom';
 	import CloseIcon from '../../icons/icon-close.svelte';
+	import { DropdownBond } from './bond.svelte';
 
 	const bond = DropdownBond.get();
 

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

@@ -1,3 +1,4 @@
 export * as Dropdown from './atoms';
 export { DropdownBond, type DropdownBondElements, DropdownBondState, type DropdownStateProps } from './bond.svelte';
 export { filter } from './runes.svelte';
+export * from './types';

package/dist/components/dropdown/index.js

@@ -1,3 +1,4 @@
 export * as Dropdown from './atoms';
 export { DropdownBond, DropdownBondState } from './bond.svelte';
 export { filter } from './runes.svelte';
+export * from './types';

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

@@ -0,0 +1,37 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { Factory, Override } from '../../types';
+import type { DropdownBond } from './bond.svelte';
+import type { PopoverTriggerProps } from '../popover';
+/**
+ * Extend this interface to add custom dropdown properties in your application.
+ */
+export interface DropdownExtendProps {
+}
+/**
+ * Extend this interface to add custom dropdown trigger properties in your application.
+ */
+export interface DropdownTriggerExtendProps {
+}
+export interface DropdownRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base, T = any> extends Omit<HtmlAtomProps<E, B>, 'children'>, DropdownExtendProps {
+    open?: boolean;
+    value?: T;
+    values?: T[];
+    multiple?: boolean;
+    disabled?: boolean;
+    placements?: string[];
+    placement?: string;
+    offset?: number;
+    keys?: string[];
+    factory?: Factory<DropdownBond>;
+    children?: Snippet<[{
+        dropdown: DropdownBond<any>;
+    }]>;
+    onquerychange?: (query: string) => void;
+}
+export interface DropdownTriggerProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<PopoverTriggerProps<E, B>, {
+    children?: Snippet<[{
+        dropdown?: DropdownBond;
+    }]>;
+}>, DropdownTriggerExtendProps {
+}

package/dist/components/dropdown/types.js

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