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

package/dist/components/element/html-element.svelte

@@ -1,85 +1,85 @@
-<script lang="ts" generics="T extends HtmlElementTagName">
-	import { untrack } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { createAttachmentKey } from 'svelte/attachments';
-	import { cn, toClassValue } from '../../utils';
-	import type { ElementType, HtmlElementProps, HtmlElementTagName } from './types';
-
-	type Element = ElementType<T>;
-
-	let {
-		class: klass = '',
-		as = 'div' as T,
-		global = true,
-		initial = undefined,
-		enter = undefined,
-		exit = undefined,
-		animate = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		children = undefined,
-		...restProps
-	}: HtmlElementProps<T> & Omit<HTMLAttributes<Element>, keyof HtmlElementProps<T>> = $props();
-
-	let node = $state<Element>();
-
-	let skipFirstAnimate = $state(!!enter);
-
-	$effect(() => {
-		if (!node) return;
-
-		const unmount = untrack(() => onmount?.(node!));
-
-		return () => {
-			if (typeof unmount === 'function') unmount(node!);
-			ondestroy?.(node!);
-		};
-	});
-
-	$effect(() => {
-		const fn = animate;
-
-		if (!node) return;
-		const shouldSkip = untrack(() => skipFirstAnimate);
-
-		if (shouldSkip) {
-			skipFirstAnimate = false;
-			return;
-		}
-
-		fn?.(node);
-	});
-
-	const elementProps = $derived({
-		[createAttachmentKey()]: (n: Element) => {
-			node = n;
-		},
-		class: cn(toClassValue(klass)),
-		...restProps
-	});
-
-	function _enter(node: Element) {
-		initial?.(node);
-		return () => {
-			const { duration = 0, delay = 0, easing = undefined } = enter?.(node) ?? {};
-			return { duration, delay, easing };
-		};
-	}
-
-	function _exit(node: Element) {
-		return () => {
-			const { duration = 0, delay = 0, easing = undefined } = exit?.(node) ?? {};
-			return { duration, delay, easing };
-		};
-	}
-</script>
-
-{#if global}
-	<svelte:element this={as} in:_enter|global out:_exit|global {...elementProps}>
-		{@render children?.()}
-	</svelte:element>
-{:else}
-	<svelte:element this={as} in:_enter out:_exit {...elementProps}>
-		{@render children?.()}
-	</svelte:element>
-{/if}
+<script lang="ts" generics="T extends HtmlElementTagName">
+	import { untrack } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { createAttachmentKey } from 'svelte/attachments';
+	import { cn, toClassValue } from '../../utils';
+	import type { ElementType, HtmlElementProps, HtmlElementTagName } from './types';
+
+	type Element = ElementType<T>;
+
+	let {
+		class: klass = '',
+		as = 'div' as T,
+		global = true,
+		initial = undefined,
+		enter = undefined,
+		exit = undefined,
+		animate = undefined,
+		onmount = undefined,
+		ondestroy = undefined,
+		children = undefined,
+		...restProps
+	}: HtmlElementProps<T> & Omit<HTMLAttributes<Element>, keyof HtmlElementProps<T>> = $props();
+
+	let node = $state<Element>();
+
+	let skipFirstAnimate = $state(!!enter);
+
+	$effect(() => {
+		if (!node) return;
+
+		const unmount = untrack(() => onmount?.(node!));
+
+		return () => {
+			if (typeof unmount === 'function') unmount(node!);
+			ondestroy?.(node!);
+		};
+	});
+
+	$effect(() => {
+		const fn = animate;
+
+		if (!node) return;
+		const shouldSkip = untrack(() => skipFirstAnimate);
+
+		if (shouldSkip) {
+			skipFirstAnimate = false;
+			return;
+		}
+
+		fn?.(node);
+	});
+
+	const elementProps = $derived({
+		[createAttachmentKey()]: (n: Element) => {
+			node = n;
+		},
+		class: cn(toClassValue(klass)),
+		...restProps
+	});
+
+	function _enter(node: Element) {
+		initial?.(node);
+		return () => {
+			const { duration = 0, delay = 0, easing = undefined } = enter?.(node) ?? {};
+			return { duration, delay, easing };
+		};
+	}
+
+	function _exit(node: Element) {
+		return () => {
+			const { duration = 0, delay = 0, easing = undefined } = exit?.(node) ?? {};
+			return { duration, delay, easing };
+		};
+	}
+</script>
+
+{#if global}
+	<svelte:element this={as} in:_enter|global out:_exit|global {...elementProps}>
+		{@render children?.()}
+	</svelte:element>
+{:else}
+	<svelte:element this={as} in:_enter out:_exit {...elementProps}>
+		{@render children?.()}
+	</svelte:element>
+{/if}

package/dist/components/element/html-element.svelte.d.ts

@@ -1,19 +1,7 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { ElementType, HtmlElementTagName } from './types';
+import type { ElementType, HtmlElementProps, HtmlElementTagName } from './types';
 declare function $$render<T extends HtmlElementTagName>(): {
-    props: Record<string, unknown> & {
-        [key: string]: unknown;
-        class?: import("../../utils").ClassValue | import("../../utils").ClassValue[];
-        as?: (string & {}) | T | undefined;
-        global?: boolean;
-        initial?: import("./types").NodeFunction<T> | undefined;
-        enter?: import("./types").TransitionFunction<T> | undefined;
-        exit?: import("./types").TransitionFunction<T> | undefined;
-        animate?: import("./types").NodeFunction<T> | undefined;
-        onmount?: import("./types").NodeFunction<T> | undefined;
-        ondestroy?: import("./types").NodeFunction<T> | undefined;
-        children?: import("svelte").Snippet;
-    } & Omit<HTMLAttributes<ElementType<T>>, string | number>;
+    props: HtmlElementProps<T> & Omit<HTMLAttributes<ElementType<T>>, keyof HtmlElementProps<T>>;
     exports: {};
     bindings: "";
     slots: {};

package/dist/components/element/svg-element.svelte.d.ts

@@ -1,19 +1,7 @@
 import type { SVGAttributes } from 'svelte/elements';
-import type { ElementType, SvgElementTagName } from './types';
+import type { ElementType, SvgElementProps, SvgElementTagName } from './types';
 declare function $$render<T extends SvgElementTagName>(): {
-    props: Record<string, unknown> & {
-        [key: string]: unknown;
-        class?: import("../../utils").ClassValue | import("../../utils").ClassValue[];
-        as?: (string & {}) | T | undefined;
-        global?: boolean;
-        initial?: import("./types").NodeFunction<T> | undefined;
-        enter?: import("./types").TransitionFunction<T> | undefined;
-        exit?: import("./types").TransitionFunction<T> | undefined;
-        animate?: import("./types").NodeFunction<T> | undefined;
-        onmount?: import("./types").NodeFunction<T> | undefined;
-        ondestroy?: import("./types").NodeFunction<T> | undefined;
-        children?: import("svelte").Snippet;
-    } & Omit<SVGAttributes<ElementType<T>>, string | number>;
+    props: SvgElementProps<T> & Omit<SVGAttributes<ElementType<T>>, keyof SvgElementProps<T>>;
     exports: {};
     bindings: "";
     slots: {};

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

@@ -2,7 +2,7 @@ import type { Snippet } from 'svelte';
 import type { HTMLAttributes, SVGAttributes } from 'svelte/elements';
 import type { TransitionConfig } from 'svelte/transition';
 import type { ClassValue } from '../../utils';
-export type ElementProps<T extends ElementTagName> = Record<string, unknown> & {
+export interface ElementProps<T extends ElementTagName> extends Record<string, unknown> {
     class?: ClassValue | ClassValue[];
     as?: T | (string & {});
     global?: boolean;
@@ -14,17 +14,24 @@ export type ElementProps<T extends ElementTagName> = Record<string, unknown> & {
     ondestroy?: NodeFunction<T>;
     children?: Snippet;
     [key: string]: unknown;
-};
+}
 export type HtmlElementTagName = keyof HTMLElementTagNameMap;
 export type SvgElementTagName = keyof SVGElementTagNameMap;
 export type MathMLElementTagName = keyof MathMLElementTagNameMap;
-export type HtmlElementProps<T extends HtmlElementTagName = 'div'> = ElementProps<T>;
-export type SvgElementProps<T extends SvgElementTagName = 'g'> = ElementProps<T>;
-export type MathMLElementProps<T extends MathMLElementTagName> = ElementProps<T>;
+export interface HtmlElementProps<T extends HtmlElementTagName = 'div'> extends ElementProps<T> {
+}
+export interface SvgElementProps<T extends SvgElementTagName = 'g'> extends ElementProps<T> {
+}
+export interface MathMLElementProps<T extends MathMLElementTagName> extends ElementProps<T> {
+}
 export type ElementTagName = HtmlElementTagName | SvgElementTagName | MathMLElementTagName;
 export type HtmlElementType<T extends HtmlElementTagName> = HTMLElementTagNameMap[T];
 export type SvgElementType<T extends SvgElementTagName> = SVGElementTagNameMap[T];
 export type ElementType<T> = T extends HtmlElementTagName ? HTMLElementTagNameMap[T] : T extends SvgElementTagName ? SVGElementTagNameMap[T] : T extends MathMLElementTagName ? MathMLElementTagNameMap[T] : never;
 export type ElementAttributes<T extends ElementTagName> = T extends HtmlElementTagName ? HTMLAttributes<ElementType<T>> : T extends SvgElementTagName ? SVGAttributes<ElementType<T>> : never;
-export type TransitionFunction<T extends ElementTagName> = (node: ElementType<T>) => Partial<TransitionConfig>;
-export type NodeFunction<T extends ElementTagName> = (node: ElementType<T>, ...args: any[]) => any;
+export interface TransitionFunction<T extends ElementTagName> {
+    (node: ElementType<T>): Partial<TransitionConfig>;
+}
+export interface NodeFunction<T extends ElementTagName> {
+    (node: ElementType<T>, ...args: any[]): any;
+}

package/dist/components/form/bond.svelte.d.ts

@@ -24,5 +24,5 @@ export declare class FormBondState<Props extends FormProps = FormProps> extends
     unmountField(id: string): void;
     validate(): void;
     clear(): void;
-    get fields(): FieldBond[];
+    get fields(): any;
 }

package/dist/components/form/field/field-control.svelte

@@ -1,23 +1,7 @@
-<script module lang="ts">
-	export type FieldInputProps<B extends Base<{ value?: unknown }>> = Override<
-		HtmlAtomProps<any, B>,
-		{
-			value?: any;
-			valueAsDate?: Date;
-			valueAsNumber?: number;
-			checked?: boolean;
-			files?: File[] | null;
-			oninput?: (ev: CustomEvent, detail?: { value: any }) => void;
-			children?: Snippet;
-		}
-	>;
-</script>
-
 <script lang="ts" generics="B extends Base<{value: unknown}>">
-	import type { Snippet } from 'svelte';
-	import type { Override } from '../../../types';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../../atom';
+	import { HtmlAtom, type Base } from '../../atom';
 	import { FieldBond } from './bond.svelte';
+	import type { FieldControlProps } from '../types';
 
 	const bond = FieldBond.get();
 	const name = $derived(bond?.state?.props?.name);
@@ -32,8 +16,7 @@
 		children = undefined,
 		oninput = undefined,
 		...restProps
-	}: FieldInputProps<B> = $props();
-
+	}: FieldControlProps<B> = $props();
 	const controlProps = $derived({ ...bond.control(), ...restProps });
 
 	function handleInput(ev: CustomEvent, detail: any) {

package/dist/components/form/field/field-control.svelte.d.ts

@@ -1,25 +1,11 @@
-export type FieldInputProps<B extends Base<{
-    value?: unknown;
-}>> = Override<HtmlAtomProps<any, B>, {
-    value?: any;
-    valueAsDate?: Date;
-    valueAsNumber?: number;
-    checked?: boolean;
-    files?: File[] | null;
-    oninput?: (ev: CustomEvent, detail?: {
-        value: any;
-    }) => void;
-    children?: Snippet;
-}>;
-import type { Snippet } from 'svelte';
-import type { Override } from '../../../types';
-import { type HtmlAtomProps, type Base } from '../../atom';
+import { type Base } from '../../atom';
+import type { FieldControlProps } from '../types';
 declare function $$render<B extends Base<{
     value: unknown;
 }>>(): {
-    props: FieldInputProps<B>;
+    props: FieldControlProps<B>;
     exports: {};
-    bindings: "number" | "value" | "date" | "files" | "checked";
+    bindings: "number" | "value" | "date" | "checked" | "files";
     slots: {};
     events: {};
 };
@@ -29,7 +15,7 @@ declare class __sveltets_Render<B extends Base<{
     props(): ReturnType<typeof $$render<B>>['props'];
     events(): ReturnType<typeof $$render<B>>['events'];
     slots(): ReturnType<typeof $$render<B>>['slots'];
-    bindings(): "number" | "value" | "date" | "files" | "checked";
+    bindings(): "number" | "value" | "date" | "checked" | "files";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/dist/components/form/field/field-label.svelte

@@ -1,15 +1,8 @@
-<script module lang="ts">
-	export type FieldLabelProps<
-		E extends keyof HTMLElementTagNameMap = 'label',
-		B extends Base = Base
-	> = Omit<LabelProps<E, B>, 'for'>;
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'label', B extends Base = Base">
 	import { Label } from '../../label';
-	import type { LabelProps } from '../../label/label.svelte';
 	import type { Base } from '../../atom';
 	import { FieldBond } from './bond.svelte';
+	import type { FieldLabelProps } from '../types';
 
 	const bond = FieldBond.get();
 

package/dist/components/form/field/field-label.svelte.d.ts

@@ -1,6 +1,5 @@
-export type FieldLabelProps<E extends keyof HTMLElementTagNameMap = 'label', B extends Base = Base> = Omit<LabelProps<E, B>, 'for'>;
-import type { LabelProps } from '../../label/label.svelte';
 import type { Base } from '../../atom';
+import type { FieldLabelProps } from '../types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'label', B extends Base = Base>(): {
     props: FieldLabelProps;
     exports: {};

package/dist/components/form/field/field-root.svelte

@@ -1,39 +1,10 @@
-<script module lang="ts">
-	import type { Factory } from '../../../types';
-
-	export type FieldRootProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = Override<
-		HtmlAtomProps<E, B>,
-		{
-			disabled: boolean;
-			readonly: boolean;
-			name?: string;
-			value?: any;
-			schema?: Schema;
-			parse: (schema: Schema) => void;
-			extend: any;
-			factory?: Factory<FieldBond>;
-			children?: Snippet<[{ field?: FieldBond }]>;
-		}
-	>;
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import { onDestroy, type Snippet } from 'svelte';
+	import { onDestroy } from 'svelte';
+	import { defineProperty, defineState } from '../../../utils';
+	import { HtmlAtom, type Base } from '../../atom';
 	import { FieldBond, FieldBondState, type FieldStateProps } from './bond.svelte';
+	import type { FieldRootProps } from '../types';
 	import { FormBond } from '../bond.svelte';
-	import type { Override } from '../../../types';
-	import { defineProperty, defineState } from '../../../utils';
-	import {
-		HtmlAtom,
-		type ElementType,
-		type HtmlAtomProps,
-		type Base
-	} from '../../atom';
-
-	type Element = ElementType<E>;
 
 	const formBond = FormBond.get();
 
@@ -46,7 +17,7 @@
 		factory = _factory,
 		children = undefined,
 		...restProps
-	}: FieldRootProps<E, B, Extension, Schema> = $props();
+	}: FieldRootProps<E, B> = $props();
 
 	const bondProps = defineState<FieldStateProps>([
 		defineProperty(

package/dist/components/form/field/field-root.svelte.d.ts

@@ -1,25 +1,10 @@
-import type { Factory } from '../../../types';
-export type FieldRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
-    disabled: boolean;
-    readonly: boolean;
-    name?: string;
-    value?: any;
-    schema?: Schema;
-    parse: (schema: Schema) => void;
-    extend: any;
-    factory?: Factory<FieldBond>;
-    children?: Snippet<[{
-        field?: FieldBond;
-    }]>;
-}>;
-import { type Snippet } from 'svelte';
+import { type Base } from '../../atom';
 import { FieldBond } from './bond.svelte';
-import type { Override } from '../../../types';
-import { type HtmlAtomProps, type Base } from '../../atom';
+import type { FieldRootProps } from '../types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
-    props: FieldRootProps<E, B, Extension, Schema>;
+    props: FieldRootProps<E, B>;
     exports: {
-        getBond: () => any;
+        getBond: () => FieldBond;
     };
     bindings: "value";
     slots: {};
@@ -31,7 +16,7 @@ declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B
     slots(): ReturnType<typeof $$render<E, B>>['slots'];
     bindings(): "value";
     exports(): {
-        getBond: () => any;
+        getBond: () => FieldBond;
     };
 }
 interface $$IsomorphicComponent {

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

@@ -1,3 +1,4 @@
+export * from './types';
 export { Root as Form } from './atoms';
 export { Field } from './field';
 export type { ValidationError, ValidationResult, ValidationAdapter, FieldStateProps } from './field/bond.svelte';

package/dist/components/form/index.js

@@ -1,3 +1,4 @@
+export * from './types';
 export { Root as Form } from './atoms';
 export { Field } from './field';
 export { ZodValidationAdapter } from './field/bond.svelte';

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

@@ -0,0 +1,76 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { Override, Factory } from '../../types';
+import type { FormBond } from './bond.svelte';
+import type { FieldBond } from './field/bond.svelte';
+import type { LabelProps } from '../label';
+import type { Schema } from './validation-adapters';
+/**
+ * Extend this interface to add custom form root properties in your application.
+ */
+export interface FormRootExtendProps {
+}
+/**
+ * Extend this interface to add custom field root properties in your application.
+ */
+export interface FieldRootExtendProps {
+}
+/**
+ * Extend this interface to add custom field label properties in your application.
+ */
+export interface FieldLabelExtendProps {
+}
+/**
+ * Extend this interface to add custom field control properties in your application.
+ */
+export interface FieldControlExtendProps {
+}
+interface CommonProps extends FormRootExtendProps {
+    factory?: Factory<FormBond>;
+}
+interface RenderlessProps {
+    renderless?: true;
+    children?: Snippet<[{
+        form: FormBond;
+    }]>;
+}
+interface RenderfullProps<B extends Base = Base> extends Override<HtmlAtomProps<'form', B>, {
+    renderless?: false;
+    children?: Snippet<[{
+        form: FormBond;
+    }]>;
+}> {
+}
+export type FormRootProps<B extends Base = Base> = CommonProps & (RenderlessProps | RenderfullProps<B>);
+export type FieldRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = Override<HtmlAtomProps<E, B>, {
+    disabled: boolean;
+    readonly: boolean;
+    name?: string;
+    value?: any;
+    schema?: Schema;
+    parse: (schema: Schema) => void;
+    extend: any;
+    factory?: Factory<FieldBond>;
+    children?: Snippet<[{
+        field?: FieldBond;
+    }]>;
+}> & FieldRootExtendProps;
+export type FieldLabelProps<E extends keyof HTMLElementTagNameMap = 'label', B extends Base = Base> = Omit<LabelProps<E, B>, 'for'> & FieldLabelExtendProps;
+export type FieldControlProps<B extends Base<{
+    value?: unknown;
+}>> = Override<HtmlAtomProps<any, B>, {
+    value?: any;
+    valueAsDate?: Date;
+    valueAsNumber?: number;
+    checked?: boolean;
+    files?: File[] | null;
+    oninput?: (ev: CustomEvent, detail?: {
+        value: any;
+    }) => void;
+    children?: Snippet;
+}> & FieldControlExtendProps;
+/**
+ * @deprecated Use FormRootExtendProps instead
+ */
+export type FormExtendProps = FormRootExtendProps;
+export {};

package/dist/components/form/types.js

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

package/dist/components/icon/icon.svelte

@@ -1,23 +1,12 @@
-<script module lang="ts">
-	export type IconProps<
-		Src extends Component = Component,
-		E extends HtmlElementTagName = 'div',
-		B extends Base = Base
-	> = {
-		class?: string;
-		src?: Src;
-		children?: Snippet;
-	} & HtmlAtomProps<E, B>;
-</script>
-
 <script
 	lang="ts"
 	generics="Src extends Component = Component, E extends HtmlElementTagName = 'div', B extends Base = Base"
 >
-	import type { Component, Snippet } from 'svelte';
+	import type { Component } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import { HtmlAtom, type Base } from '../atom';
 	import type { HtmlElementTagName, HtmlElementType } from '../element';
+	import type { IconProps } from './types';
 
 	type Element = HtmlElementType<'div'>;
 

package/dist/components/icon/icon.svelte.d.ts

@@ -1,35 +1,10 @@
-export type IconProps<Src extends Component = Component, E extends HtmlElementTagName = 'div', B extends Base = Base> = {
-    class?: string;
-    src?: Src;
-    children?: Snippet;
-} & HtmlAtomProps<E, B>;
-import type { Component, Snippet } from 'svelte';
+import type { Component } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { type HtmlAtomProps, type Base } from '../atom';
+import { type Base } from '../atom';
 import type { HtmlElementTagName } from '../element';
+import type { IconProps } from './types';
 declare function $$render<Src extends Component = Component, E extends HtmlElementTagName = 'div', B extends Base = Base>(): {
-    props: {
-        class?: string;
-        src?: Src | undefined;
-        children?: Snippet;
-    } & Record<string, unknown> & {
-        [key: string]: unknown;
-        class?: import("../..").ClassValue | import("../..").ClassValue[];
-        as?: (string & {}) | E | undefined;
-        global?: boolean;
-        initial?: import("../element").NodeFunction<E> | undefined;
-        enter?: import("../element").TransitionFunction<E> | undefined;
-        exit?: import("../element").TransitionFunction<E> | undefined;
-        animate?: import("../element").NodeFunction<E> | undefined;
-        onmount?: import("../element").NodeFunction<E> | undefined;
-        ondestroy?: import("../element").NodeFunction<E> | undefined;
-        children?: 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<HTMLDivElement>;
+    props: IconProps<Src, E, B> & HTMLAttributes<HTMLDivElement>;
     exports: {};
     bindings: "";
     slots: {};

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

@@ -1,7 +1,11 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-export type IconProps = HTMLAttributes<HTMLDivElement> & {
-    class?: string;
-    element?: HTMLElement;
-    children?: Snippet<[]>;
-};
+import type { Component, Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+/**
+ * Extend this interface to add custom icon properties in your application.
+ */
+export interface IconExtendProps {
+}
+export interface IconProps<Src extends Component = Component, E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, IconExtendProps {
+    src?: Src;
+    children?: Snippet;
+}

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

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

package/dist/components/index.d.ts

@@ -35,3 +35,6 @@ export * from './stack';
 export * from './element';
 export * from './atom';
 export * from './container';
+export * from './calendar';
+export * from './date-picker';
+export * from './qr-code';