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

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

@@ -1,9 +1,9 @@
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import { CardBond, CardBondState, type CardBondProps } from './bond.svelte';
-	import type { CardRootProps } from './types';
 	import { defineState } from '../../utils';
 	import { defineProperty } from '../../utils/state';
 	import { HtmlAtom, type Base } from '../atom';
+	import { CardBond, CardBondState, type CardBondProps } from './bond.svelte';
+	import type { CardRootProps } from './types';
 	import './card.css';
 
 	let {

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

@@ -1,6 +1,6 @@
+import { type Base } from '../atom';
 import { CardBond, CardBondState, type CardBondProps } from './bond.svelte';
 import type { CardRootProps } from './types';
-import { type Base } from '../atom';
 import './card.css';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: CardRootProps<E, B>;

package/dist/components/card/card-subtitle.svelte

@@ -1,14 +1,7 @@
-<script module lang="ts">
-	export type CardSubtitleProps<
-		E extends keyof HTMLElementTagNameMap = 'p',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B>;
-</script>
-
-<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base">
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
 	import { CardBond } from './bond.svelte';
-
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	export type { CardSubtitleProps } from './types';
 
 	const bond = CardBond.get();
 

package/dist/components/card/card-subtitle.svelte.d.ts

@@ -1,26 +1,29 @@
-export type CardSubtitleProps<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> = HtmlAtomProps<E, B>;
-import { type HtmlAtomProps, type Base } from '../atom';
-declare function $$render<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base>(): {
+import { type Base } from '../atom';
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: CardSubtitleProps<E, B>;
-    exports: {};
+    exports: {
+        CardSubtitleProps: typeof CardSubtitleProps;
+    };
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> {
+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(): {};
+    exports(): {
+        CardSubtitleProps: typeof CardSubtitleProps;
+    };
 }
 interface $$IsomorphicComponent {
-    new <E extends keyof HTMLElementTagNameMap = 'p', 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']>> & {
+    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 = 'p', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): 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 CardSubtitle: $$IsomorphicComponent;
-type CardSubtitle<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> = InstanceType<typeof CardSubtitle<E, B>>;
+type CardSubtitle<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof CardSubtitle<E, B>>;
 export default CardSubtitle;

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

@@ -1,14 +1,7 @@
-<script module lang="ts">
-	export type CardTitleProps<
-		E extends keyof HTMLElementTagNameMap = 'h3',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B>;
-</script>
-
-<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'h3', B extends Base = Base">
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
 	import { CardBond } from './bond.svelte';
-
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	export type { CardTitleProps } from './types';
 
 	const bond = CardBond.get();
 

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

@@ -1,26 +1,29 @@
-export type CardTitleProps<E extends keyof HTMLElementTagNameMap = 'h3', B extends Base = Base> = HtmlAtomProps<E, B>;
-import { type HtmlAtomProps, type Base } from '../atom';
-declare function $$render<E extends keyof HTMLElementTagNameMap = 'h3', B extends Base = Base>(): {
+import { type Base } from '../atom';
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: CardTitleProps<E, B>;
-    exports: {};
+    exports: {
+        CardTitleProps: typeof CardTitleProps;
+    };
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'h3', B extends Base = Base> {
+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(): {};
+    exports(): {
+        CardTitleProps: typeof CardTitleProps;
+    };
 }
 interface $$IsomorphicComponent {
-    new <E extends keyof HTMLElementTagNameMap = 'h3', 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']>> & {
+    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 = 'h3', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): 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 CardTitle: $$IsomorphicComponent;
-type CardTitle<E extends keyof HTMLElementTagNameMap = 'h3', B extends Base = Base> = InstanceType<typeof CardTitle<E, B>>;
+type CardTitle<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof CardTitle<E, B>>;
 export default CardTitle;

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

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

package/dist/components/card/index.js

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

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

@@ -2,7 +2,47 @@ import type { Snippet } from 'svelte';
 import type { CardBond } from './bond.svelte';
 import type { HtmlAtomProps, Base } from '../atom';
 import type { Factory } from '../../types';
-export type CardRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & {
+/**
+ * Extend this interface to add custom card root properties in your application.
+ */
+export interface CardExtendProps {
+}
+/**
+ * Extend this interface to add custom card header properties in your application.
+ */
+export interface CardHeaderExtendProps {
+}
+/**
+ * Extend this interface to add custom card body/content properties in your application.
+ */
+export interface CardBodyExtendProps {
+}
+/**
+ * Extend this interface to add custom card footer properties in your application.
+ */
+export interface CardFooterExtendProps {
+}
+/**
+ * Extend this interface to add custom card title properties in your application.
+ */
+export interface CardTitleExtendProps {
+}
+/**
+ * Extend this interface to add custom card subtitle properties in your application.
+ */
+export interface CardSubtitleExtendProps {
+}
+/**
+ * Extend this interface to add custom card description properties in your application.
+ */
+export interface CardDescriptionExtendProps {
+}
+/**
+ * Extend this interface to add custom card media properties in your application.
+ */
+export interface CardMediaExtendProps {
+}
+export interface CardRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Omit<HtmlAtomProps<E, B>, 'children'>, CardExtendProps {
     disabled?: boolean;
     factory?: Factory<CardBond>;
     children?: Snippet<[{
@@ -10,4 +50,19 @@ export type CardRootProps<E extends keyof HTMLElementTagNameMap = 'div', B exten
     }]>;
     onclick?: (event: MouseEvent) => void;
     onkeydown?: (event: KeyboardEvent) => void;
-};
+}
+export interface CardHeaderProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, CardHeaderExtendProps {
+}
+export interface CardBodyProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, CardBodyExtendProps {
+}
+export interface CardFooterProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, CardFooterExtendProps {
+}
+export interface CardTitleProps<E extends keyof HTMLElementTagNameMap = 'h3', B extends Base = Base> extends HtmlAtomProps<E, B>, CardTitleExtendProps {
+}
+export interface CardSubtitleProps<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> extends HtmlAtomProps<E, B>, CardSubtitleExtendProps {
+}
+export interface CardDescriptionProps<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> extends HtmlAtomProps<E, B>, CardDescriptionExtendProps {
+}
+export interface CardMediaProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, CardMediaExtendProps {
+}
+export type CardContentProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = CardBodyProps<E, B>;

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

@@ -1,6 +1,11 @@
 import { type Component, type Snippet } from 'svelte';
 import { type HtmlAtomProps } from '../atom';
-export type CheckboxProps = HtmlAtomProps<'button'> & {
+/**
+ * Extend this interface to add custom checkbox properties in your application.
+ */
+export interface CheckboxExtendProps {
+}
+export interface CheckboxProps extends HtmlAtomProps<'button'>, CheckboxExtendProps {
     value?: string;
     group?: string[];
     checked?: boolean;
@@ -12,4 +17,4 @@ export type CheckboxProps = HtmlAtomProps<'button'> & {
     onchange?: (ev?: Event, options?: {
         checked: boolean;
     }) => void;
-};
+}

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

@@ -1,20 +1,7 @@
-<script module lang="ts">
-	export type CollapsibleBodyProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = Override<
-		HtmlAtomProps<E, B>,
-		{
-			children?: Snippet<[{ collapsible?: CollapsibleBond }]>;
-		}
-	>;
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
+	import { HtmlAtom, type Base } from '../atom';
 	import { CollapsibleBond } from './bond.svelte';
-	import type { Override } from '../../types';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import type { CollapsibleBodyProps } from './types';
 
 	const bond = CollapsibleBond.get();
 

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

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

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

@@ -1,20 +1,7 @@
-<script module lang="ts">
-	export type CollapsibleHeaderProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = Override<
-		HtmlAtomProps<E, B>,
-		{
-			children?: Snippet<[{ collapsible?: CollapsibleBond }]>;
-		}
-	>;
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
+	import { HtmlAtom, type Base } from '../atom';
+	import type { CollapsibleHeaderProps } from './types';
 	import { CollapsibleBond } from './bond.svelte';
-	import type { Override } from '../../types';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
 
 	const bond = CollapsibleBond.get();
 

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

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

package/dist/components/collapsible/collapsible-indicator.svelte

@@ -1,24 +1,10 @@
-<script module lang="ts">
-	export type CollapsibleHeaderProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = Override<
-		HtmlAtomProps<E, B>,
-		{
-			children?: Snippet<[{ collapsible?: CollapsibleBond }]>;
-		}
-	>;
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
 	import { animate as motion } from 'motion';
-	import { CollapsibleBond } from './bond.svelte';
 	import { Icon } from '../icon';
-
-	import type { Override } from '../../types';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import { HtmlAtom, type Base } from '../atom';
 	import IconArrowDown from '../../icons/icon-arrow-down.svelte';
+	import { CollapsibleBond } from './bond.svelte';
+	import type { CollapsibleIndicatorProps } from './types';
 
 	const bond = CollapsibleBond.get();
 	const isOpen = $derived(bond?.state.props.open ?? false);
@@ -33,8 +19,7 @@
 		exit = undefined,
 		initial = undefined,
 		...restProps
-	}: CollapsibleHeaderProps<E, B> = $props();
-
+	}: CollapsibleIndicatorProps<E, B> = $props();
 	const indicatorProps = $derived({
 		...bond?.indicator(),
 		...restProps

package/dist/components/collapsible/collapsible-indicator.svelte.d.ts

@@ -1,14 +1,7 @@
-export type CollapsibleHeaderProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
-    children?: Snippet<[{
-        collapsible?: CollapsibleBond;
-    }]>;
-}>;
-import type { Snippet } from 'svelte';
-import { CollapsibleBond } from './bond.svelte';
-import type { Override } from '../../types';
-import { type HtmlAtomProps, type Base } from '../atom';
+import { type Base } from '../atom';
+import type { CollapsibleIndicatorProps } from './types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
-    props: CollapsibleHeaderProps<E, B>;
+    props: CollapsibleIndicatorProps<E, B>;
     exports: {};
     bindings: "";
     slots: {};

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

@@ -1,28 +1,9 @@
-<script module lang="ts">
-	export type CollapsibleRootProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = Override<
-		HtmlAtomProps<E, B>,
-		{
-			children?: Snippet<[{ collapsible: CollapsibleBond }]>;
-		}
-	> & {
-		open?: boolean;
-		value?: string;
-		data?: any;
-		disabled?: boolean;
-		factory?: Factory<CollapsibleBond>;
-	};
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
 	import { nanoid } from 'nanoid';
-	import type { Factory, Override } from '../../types';
 	import { defineProperty, defineState } from '../../utils';
+	import { HtmlAtom, type Base } from '../atom';
 	import { CollapsibleBond, CollapsibleState, type CollapsibleStateProps } from './bond.svelte';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import type { CollapsibleRootProps } from './types';
 
 	let {
 		open = $bindable(false),

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

@@ -1,18 +1,6 @@
-export type CollapsibleRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
-    children?: Snippet<[{
-        collapsible: CollapsibleBond;
-    }]>;
-}> & {
-    open?: boolean;
-    value?: string;
-    data?: any;
-    disabled?: boolean;
-    factory?: Factory<CollapsibleBond>;
-};
-import type { Snippet } from 'svelte';
-import type { Factory, Override } from '../../types';
+import { type Base } from '../atom';
 import { CollapsibleBond } from './bond.svelte';
-import { type HtmlAtomProps, type Base } from '../atom';
+import type { CollapsibleRootProps } from './types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: CollapsibleRootProps<E, B>;
     exports: {

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

@@ -1,2 +1,3 @@
+export * from './types';
 export * as Collapsible from './atoms';
 export { CollapsibleBond, CollapsibleState, type CollapsibleStateProps, type CollapsibleDomElements } from './bond.svelte';

package/dist/components/collapsible/index.js

@@ -1,2 +1,3 @@
+export * from './types';
 export * as Collapsible from './atoms';
 export { CollapsibleBond, CollapsibleState } from './bond.svelte';

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

@@ -0,0 +1,54 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { Factory, Override } from '../../types';
+import type { CollapsibleBond } from './bond.svelte';
+/**
+ * Extend this interface to add custom collapsible root properties in your application.
+ */
+export interface CollapsibleRootExtendProps {
+}
+/**
+ * Extend this interface to add custom collapsible header properties in your application.
+ */
+export interface CollapsibleHeaderExtendProps {
+}
+/**
+ * Extend this interface to add custom collapsible body properties in your application.
+ */
+export interface CollapsibleBodyExtendProps {
+}
+/**
+ * Extend this interface to add custom collapsible indicator properties in your application.
+ */
+export interface CollapsibleIndicatorExtendProps {
+}
+export type CollapsibleRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        collapsible: CollapsibleBond;
+    }]>;
+}> & CollapsibleRootExtendProps & {
+    open?: boolean;
+    value?: string;
+    data?: any;
+    disabled?: boolean;
+    factory?: Factory<CollapsibleBond>;
+};
+export type CollapsibleHeaderProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        collapsible?: CollapsibleBond;
+    }]>;
+}> & CollapsibleHeaderExtendProps;
+export type CollapsibleBodyProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        collapsible?: CollapsibleBond;
+    }]>;
+}> & CollapsibleBodyExtendProps;
+export type CollapsibleIndicatorProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        collapsible?: CollapsibleBond;
+    }]>;
+}> & CollapsibleIndicatorExtendProps;
+/**
+ * @deprecated Use CollapsibleRootExtendProps instead
+ */
+export type CollapsibleExtendProps = CollapsibleRootExtendProps;

package/dist/components/collapsible/types.js

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

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

@@ -1,8 +1,5 @@
-<script module lang="ts">
-	export type ComboboxRootProps = {};
-</script>
-
 <script lang="ts" generics="D">
+	import type { ComboboxRootProps } from './types';
 	import { defineProperty, defineState } from '../../utils';
 	import { ComboboxBond, ComboboxBondState, type ComboboxBondProps } from './bond.svelte';
 
@@ -20,7 +17,7 @@
 		factory = _factory,
 		children = undefined,
 		...restProps
-	} = $props();
+	}: ComboboxRootProps = $props();
 
 	const bondProps = defineState<ComboboxBondProps>(
 		[

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

@@ -1,22 +1,9 @@
-export type ComboboxRootProps = {};
-import { ComboboxBond, type ComboboxBondProps } from './bond.svelte';
+import type { ComboboxRootProps } from './types';
+import { ComboboxBond } from './bond.svelte';
 declare function $$render<D>(): {
-    props: {
-        open?: boolean;
-        value?: any;
-        values?: any;
-        query?: any;
-        text?: any;
-        multiple?: boolean;
-        disabled?: boolean;
-        placements?: any[];
-        placement?: string;
-        offset?: number;
-        factory?: (props: ComboboxBondProps) => ComboboxBond<D>;
-        children?: any;
-    } & Record<string, any>;
+    props: ComboboxRootProps;
     exports: {
-        getBond: () => ComboboxBond<D>;
+        getBond: () => ComboboxBond<unknown>;
     };
     bindings: "values" | "value" | "text" | "open" | "query";
     slots: {};
@@ -28,7 +15,7 @@ declare class __sveltets_Render<D> {
     slots(): ReturnType<typeof $$render<D>>['slots'];
     bindings(): "values" | "value" | "text" | "open" | "query";
     exports(): {
-        getBond: () => ComboboxBond<D>;
+        getBond: () => ComboboxBond<unknown>;
     };
 }
 interface $$IsomorphicComponent {

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

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

package/dist/components/combobox/index.js

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

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

@@ -0,0 +1,25 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { Factory } from '../../types';
+import type { ComboboxBond } from './bond.svelte';
+/**
+ * Extend this interface to add custom combobox properties in your application.
+ */
+export interface ComboboxExtendProps {
+}
+export interface ComboboxRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Omit<HtmlAtomProps<E, B>, 'children'>, ComboboxExtendProps {
+    open?: boolean;
+    value?: unknown;
+    values?: unknown[];
+    query?: string;
+    text?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    placements?: string[];
+    placement?: string;
+    offset?: number;
+    factory?: Factory<ComboboxBond>;
+    children?: Snippet<[{
+        combobox: ComboboxBond;
+    }]>;
+}

package/dist/components/combobox/types.js

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

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

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

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

@@ -1,6 +1,11 @@
 import type { Snippet } from 'svelte';
 import type { HtmlAtomProps } from '../atom';
-export type ContainerProps = HtmlAtomProps<'button'> & {
+/**
+ * Extend this interface to add custom container properties in your application.
+ */
+export interface ContainerExtendProps {
+}
+export interface ContainerProps extends Omit<HtmlAtomProps<'button'>, 'children'>, ContainerExtendProps {
     type?: 'inline-size' | 'size';
     name?: string;
     clientWidth?: number;
@@ -11,4 +16,4 @@ export type ContainerProps = HtmlAtomProps<'button'> & {
             clientHeight: number;
         }
     ]>;
-};
+}

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

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

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

@@ -0,0 +1,8 @@
+import type { HtmlAtomProps, Base } from '../atom';
+/**
+ * Extend this interface to add custom contextmenu properties in your application.
+ */
+export interface ContextMenuExtendProps {
+}
+export interface ContextMenuTriggerProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, ContextMenuExtendProps {
+}