@webamoki/web-svelte 0.7.1 → 0.7.2

package/dist/components/form/IconInputWrapper.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+	import type { Component, Snippet } from 'svelte';
+
+	interface Props {
+		icon?: Component;
+		/**
+		 * Position of the icon vertically.
+		 * - 'center': Centers vertically (for single-line inputs)
+		 * - 'top': Aligns to top with padding (for multi-line inputs like textarea)
+		 */
+		iconPosition?: 'center' | 'top';
+		/**
+		 * Whether this wrapper should grow to fill flex container (used in layouts with buttons)
+		 */
+		flex?: boolean;
+		children: Snippet<[{ class: string }]>;
+	}
+
+	let { icon, iconPosition = 'center', flex = false, children }: Props = $props();
+
+	const iconClass =
+		iconPosition === 'top'
+			? 'pointer-events-none absolute top-4 left-4 text-gray-500'
+			: 'pointer-events-none absolute top-1/2 left-4 -translate-y-1/2 text-gray-500';
+
+	const wrapperClass = flex ? 'relative flex-1' : 'relative';
+</script>
+
+{#if icon}
+	{@const Icon = icon}
+	<div class={wrapperClass}>
+		<div class={iconClass}>
+			<Icon class="size-5" />
+		</div>
+		{@render children({ class: 'pl-12' })}
+	</div>
+{:else}
+	{@render children({ class: '' })}
+{/if}

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

@@ -0,0 +1,20 @@
+import type { Component, Snippet } from 'svelte';
+interface Props {
+    icon?: Component;
+    /**
+     * Position of the icon vertically.
+     * - 'center': Centers vertically (for single-line inputs)
+     * - 'top': Aligns to top with padding (for multi-line inputs like textarea)
+     */
+    iconPosition?: 'center' | 'top';
+    /**
+     * Whether this wrapper should grow to fill flex container (used in layouts with buttons)
+     */
+    flex?: boolean;
+    children: Snippet<[{
+        class: string;
+    }]>;
+}
+declare const IconInputWrapper: Component<Props, {}, "">;
+type IconInputWrapper = ReturnType<typeof IconInputWrapper>;
+export default IconInputWrapper;

package/dist/components/form/fields/DateField.svelte

@@ -1,14 +1,18 @@
 <script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
-	import type { FormPath } from 'sveltekit-superforms';
-	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+	import IconInputWrapper from '../IconInputWrapper.svelte';
 	import { Input } from '../../../shadcn/components/ui/input/index.js';
+	import { cn } from '../../../shadcn/utils.js';
 	import { CalendarDate } from '@internationalized/date';
+	import type { Component } from 'svelte';
+	import type { FormPath } from 'sveltekit-superforms';
+	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 
 	interface Props extends FieldWrapperProps<T, U, M> {
 		value?: CalendarDate;
 		class?: string;
+		icon?: Component;
 	}
-	let { value = $bindable(), class: className, ...fieldProps }: Props = $props();
+	let { value = $bindable(), class: className, icon, ...fieldProps }: Props = $props();
 
 	// Getter: format CalendarDate → string (YYYY-MM-DD)
 	function get(): string {
@@ -34,6 +38,10 @@
 
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
-		<Input type="date" bind:value={get, set} class={className} {...props} />
+		<IconInputWrapper {icon}>
+			{#snippet children({ class: iconClass })}
+				<Input type="date" bind:value={get, set} class={cn(iconClass, className)} {...props} />
+			{/snippet}
+		</IconInputWrapper>
 	{/snippet}
 </FieldWrapper>

package/dist/components/form/fields/DateField.svelte.d.ts

@@ -1,10 +1,12 @@
+import { CalendarDate } from '@internationalized/date';
+import type { Component } from 'svelte';
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
-import { CalendarDate } from '@internationalized/date';
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
     props: FieldWrapperProps<T, U, M> & {
         value?: CalendarDate;
         class?: string;
+        icon?: Component;
     };
     exports: {};
     bindings: "value";

package/dist/components/form/fields/MessageField.svelte

@@ -1,8 +1,11 @@
 <script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
-	import type { FormPath } from 'sveltekit-superforms';
-	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+	import IconInputWrapper from '../IconInputWrapper.svelte';
 	import { Textarea } from '../../../shadcn/components/ui/textarea/index.js';
+	import { cn } from '../../../shadcn/utils.js';
 	import { Lock, LockOpen } from '@lucide/svelte';
+	import type { Component } from 'svelte';
+	import type { FormPath } from 'sveltekit-superforms';
+	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 
 	interface Props extends FieldWrapperProps<T, U, M> {
 		value?: string;
@@ -11,6 +14,7 @@
 		defaultHeight?: number;
 		showLock?: boolean;
 		defaultLocked?: boolean;
+		icon?: Component;
 	}
 	let {
 		value = $bindable(),
@@ -19,6 +23,7 @@
 		defaultHeight = 100,
 		showLock = true,
 		defaultLocked = false,
+		icon,
 		...fieldProps
 	}: Props = $props();
 
@@ -28,14 +33,18 @@
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
 		<div class="flex w-full items-start gap-2">
-			<!-- Textarea itself -->
-			<Textarea
-				bind:value
-				class={`${className || ''} ${locked ? 'resize-none' : 'resize-y'}`}
-				{placeholder}
-				style={defaultHeight ? `height: ${defaultHeight}px` : undefined}
-				{...props}
-			/>
+			<!-- Textarea itself with optional left icon -->
+			<IconInputWrapper {icon} iconPosition="top" flex>
+				{#snippet children({ class: iconClass })}
+					<Textarea
+						bind:value
+						class={cn(iconClass, className || '', locked ? 'resize-none' : 'resize-y')}
+						{placeholder}
+						style={defaultHeight ? `height: ${defaultHeight}px` : undefined}
+						{...props}
+					/>
+				{/snippet}
+			</IconInputWrapper>
 
 			<!-- Lock/unlock button -->
 			{#if showLock}

package/dist/components/form/fields/MessageField.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from 'svelte';
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
@@ -8,6 +9,7 @@ declare function $$render<T extends Record<string, unknown>, U extends FormPath<
         defaultHeight?: number;
         showLock?: boolean;
         defaultLocked?: boolean;
+        icon?: Component;
     };
     exports: {};
     bindings: "value";

package/dist/components/form/fields/NumberField.svelte

@@ -1,18 +1,41 @@
 <script lang="ts" generics="V,T extends Record<string, unknown>, U extends FormPath<T>, M">
+	import IconInputWrapper from '../IconInputWrapper.svelte';
+	import { Input } from '../../../shadcn/components/ui/input/index.js';
+	import { cn } from '../../../shadcn/utils.js';
+	import type { Component } from 'svelte';
 	import type { FormPath } from 'sveltekit-superforms';
 	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
-	import { Input } from '../../../shadcn/components/ui/input/index.js';
 
 	interface Props extends FieldWrapperProps<T, U, M> {
 		value?: V;
 		class?: string;
 		step?: HTMLInputElement['step'];
+		placeholder?: string;
+		icon?: Component;
 	}
-	let { value = $bindable(), class: className, step, ...fieldProps }: Props = $props();
+	let {
+		value = $bindable(),
+		class: className,
+		step,
+		placeholder,
+		icon,
+		...fieldProps
+	}: Props = $props();
 </script>
 
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
-		<Input type="number" bind:value class={className} {step} {...props} />
+		<IconInputWrapper {icon}>
+			{#snippet children({ class: iconClass })}
+				<Input
+					type="number"
+					bind:value
+					class={cn(iconClass, className)}
+					{placeholder}
+					{step}
+					{...props}
+				/>
+			{/snippet}
+		</IconInputWrapper>
 	{/snippet}
 </FieldWrapper>

package/dist/components/form/fields/NumberField.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from 'svelte';
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
 declare function $$render<V, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
@@ -5,6 +6,8 @@ declare function $$render<V, T extends Record<string, unknown>, U extends FormPa
         value?: V;
         class?: string;
         step?: HTMLInputElement["step"];
+        placeholder?: string;
+        icon?: Component;
     };
     exports: {};
     bindings: "value";

package/dist/components/form/fields/PasswordField.svelte

@@ -1,13 +1,18 @@
 <script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
-	import type { FormPath } from 'sveltekit-superforms';
-	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+	import IconInputWrapper from '../IconInputWrapper.svelte';
 	import { Input } from '../../../shadcn/components/ui/input/index.js';
+	import { cn } from '../../../shadcn/utils.js';
 	import { Eye, EyeOff } from '@lucide/svelte';
+	import type { Component } from 'svelte';
+	import type { FormPath } from 'sveltekit-superforms';
+	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 
 	interface Props extends FieldWrapperProps<T, U, M> {
 		value?: string;
+		class?: string;
+		icon?: Component;
 	}
-	let { value = $bindable(), ...fieldProps }: Props = $props();
+	let { value = $bindable(), class: className, icon, ...fieldProps }: Props = $props();
 
 	let show = $state(false);
 	let inputType = $derived(show ? 'text' : 'password');
@@ -16,8 +21,12 @@
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
 		<div class="flex w-full items-stretch gap-2">
-			<!-- Input itself -->
-			<Input type={inputType} bind:value {...props} />
+			<!-- Input itself with optional left icon -->
+			<IconInputWrapper {icon} flex>
+				{#snippet children({ class: iconClass })}
+					<Input type={inputType} bind:value class={cn(iconClass, className)} {...props} />
+				{/snippet}
+			</IconInputWrapper>
 
 			<!-- Show/hide button outside input -->
 			<button

package/dist/components/form/fields/PasswordField.svelte.d.ts

@@ -1,8 +1,11 @@
+import type { Component } from 'svelte';
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
     props: FieldWrapperProps<T, U, M> & {
         value?: string;
+        class?: string;
+        icon?: Component;
     };
     exports: {};
     bindings: "value";

package/dist/components/form/fields/SelectField.svelte

@@ -2,6 +2,7 @@
 	lang="ts"
 	generics="I,V, K extends string | number,T extends Record<string, unknown>, U extends FormPath<T>, M"
 >
+	import IconInputWrapper from '../IconInputWrapper.svelte';
 	import {
 		Select,
 		SelectContent,
@@ -11,6 +12,7 @@
 		SelectTrigger
 	} from '../../../shadcn/components/ui/select/index.js';
 	import { cn } from '../../../shadcn/utils.js';
+	import type { Component } from 'svelte';
 	import type { FormPath } from 'sveltekit-superforms';
 	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 
@@ -23,6 +25,7 @@
 		onchange?: (value: V | undefined) => void;
 		class?: string;
 		placeholder: string;
+		icon?: Component;
 	}
 	let {
 		value = $bindable(undefined),
@@ -33,6 +36,7 @@
 		onchange,
 		placeholder,
 		items,
+		icon,
 		...fieldProps
 	}: Props = $props();
 	let valueToItem: Map<V, I> = new Map(items.map((item) => [getValue(item), item] as const));
@@ -63,11 +67,15 @@
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
 		<Select type="single" {...props} bind:value={getKeyFromValue, setValueFromKey}>
-			<SelectTrigger class={cn('w-full cursor-pointer truncate', className)}>
-				<span class="block truncate">
-					{value ? getLabel(valueToItem.get(value)!) : placeholder}
-				</span>
-			</SelectTrigger>
+			<IconInputWrapper {icon}>
+				{#snippet children({ class: iconClass })}
+					<SelectTrigger class={cn('w-full cursor-pointer truncate', iconClass, className)}>
+						<span class="block truncate">
+							{value ? getLabel(valueToItem.get(value)!) : placeholder}
+						</span>
+					</SelectTrigger>
+				{/snippet}
+			</IconInputWrapper>
 			<SelectContent>
 				<SelectGroup>
 					<SelectLabel>{fieldProps.label}</SelectLabel>

package/dist/components/form/fields/SelectField.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from 'svelte';
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
 declare function $$render<I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
@@ -10,6 +11,7 @@ declare function $$render<I, V, K extends string | number, T extends Record<stri
         onchange?: (value: V | undefined) => void;
         class?: string;
         placeholder: string;
+        icon?: Component;
     };
     exports: {};
     bindings: "value";

package/dist/components/form/fields/SelectMultiField.svelte

@@ -2,6 +2,7 @@
 	lang="ts"
 	generics="I,V, K extends string | number,T extends Record<string, unknown>, U extends FormPath<T>, M"
 >
+	import IconInputWrapper from '../IconInputWrapper.svelte';
 	import {
 		Select,
 		SelectContent,
@@ -11,6 +12,7 @@
 		SelectTrigger
 	} from '../../../shadcn/components/ui/select/index.js';
 	import { cn } from '../../../shadcn/utils.js';
+	import type { Component } from 'svelte';
 	import type { FormPath } from 'sveltekit-superforms';
 	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 
@@ -23,6 +25,7 @@
 		onchange?: (value: V[]) => void;
 		class?: string;
 		placeholder: string;
+		icon?: Component;
 	}
 	let {
 		values = $bindable([]),
@@ -33,6 +36,7 @@
 		onchange,
 		placeholder,
 		items,
+		icon,
 		...fieldProps
 	}: Props = $props();
 	let valueToItem: Map<V, I> = new Map(items.map((item) => [getValue(item), item] as const));
@@ -70,11 +74,15 @@
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
 		<Select type="multiple" {...props} bind:value={getKeyFromValue, setValueFromKey}>
-			<SelectTrigger class={cn('w-full cursor-pointer truncate', className)}>
-				<span class="block truncate">
-					{getPreview()}
-				</span>
-			</SelectTrigger>
+			<IconInputWrapper {icon}>
+				{#snippet children({ class: iconClass })}
+					<SelectTrigger class={cn('w-full cursor-pointer truncate', iconClass, className)}>
+						<span class="block truncate">
+							{getPreview()}
+						</span>
+					</SelectTrigger>
+				{/snippet}
+			</IconInputWrapper>
 			<SelectContent>
 				<SelectGroup>
 					<SelectLabel>{fieldProps.label}</SelectLabel>

package/dist/components/form/fields/SelectMultiField.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from 'svelte';
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
 declare function $$render<I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
@@ -10,6 +11,7 @@ declare function $$render<I, V, K extends string | number, T extends Record<stri
         onchange?: (value: V[]) => void;
         class?: string;
         placeholder: string;
+        icon?: Component;
     };
     exports: {};
     bindings: "values";

package/dist/components/form/fields/TextField.svelte

@@ -1,25 +1,34 @@
 <script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
+	import IconInputWrapper from '../IconInputWrapper.svelte';
+	import { Input } from '../../../shadcn/components/ui/input/index.js';
+	import { cn } from '../../../shadcn/utils.js';
+	import type { Component } from 'svelte';
 	import type { FormPath } from 'sveltekit-superforms';
 	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
-	import { Input } from '../../../shadcn/components/ui/input/index.js';
 
 	interface Props extends FieldWrapperProps<T, U, M> {
 		value?: string;
 		type?: HTMLInputElement['type'];
 		class?: string;
 		placeholder?: string;
+		icon?: Component;
 	}
 	let {
 		value = $bindable(),
 		type = 'text',
 		class: className,
 		placeholder,
+		icon,
 		...fieldProps
 	}: Props = $props();
 </script>
 
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
-		<Input {type} bind:value class={className} {placeholder} {...props} />
+		<IconInputWrapper {icon}>
+			{#snippet children({ class: iconClass })}
+				<Input {type} bind:value class={cn(iconClass, className)} {placeholder} {...props} />
+			{/snippet}
+		</IconInputWrapper>
 	{/snippet}
 </FieldWrapper>

package/dist/components/form/fields/TextField.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from 'svelte';
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
@@ -6,6 +7,7 @@ declare function $$render<T extends Record<string, unknown>, U extends FormPath<
         type?: HTMLInputElement["type"];
         class?: string;
         placeholder?: string;
+        icon?: Component;
     };
     exports: {};
     bindings: "value";

package/dist/components/form/fields/TextFieldNullable.svelte

@@ -1,19 +1,23 @@
 <script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
+	import { Input } from '../../../shadcn/components/ui/input/index.js';
+	import { cn } from '../../../shadcn/utils.js';
+	import type { Component } from 'svelte';
 	import type { FormPath } from 'sveltekit-superforms';
 	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
-	import { Input } from '../../../shadcn/components/ui/input/index.js';
 
 	interface Props extends FieldWrapperProps<T, U, M> {
 		value?: string | null;
 		type?: HTMLInputElement['type'];
 		class?: string;
 		placeholder?: string;
+		icon?: Component;
 	}
 	let {
 		value = $bindable(),
 		type = 'text',
 		class: className,
 		placeholder,
+		icon,
 		...fieldProps
 	}: Props = $props();
 
@@ -28,6 +32,22 @@
 
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
-		<Input {type} bind:value={get, set} class={className} {placeholder} {...props} />
+		{#if icon}
+			{@const Icon = icon}
+			<div class="relative">
+				<div class="pointer-events-none absolute top-1/2 left-4 -translate-y-1/2 text-gray-500">
+					<Icon class="size-5" />
+				</div>
+				<Input
+					{type}
+					bind:value={get, set}
+					class={cn('pl-12', className)}
+					{placeholder}
+					{...props}
+				/>
+			</div>
+		{:else}
+			<Input {type} bind:value={get, set} class={className} {placeholder} {...props} />
+		{/if}
 	{/snippet}
 </FieldWrapper>

package/dist/components/form/fields/TextFieldNullable.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from 'svelte';
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
@@ -6,6 +7,7 @@ declare function $$render<T extends Record<string, unknown>, U extends FormPath<
         type?: HTMLInputElement["type"];
         class?: string;
         placeholder?: string;
+        icon?: Component;
     };
     exports: {};
     bindings: "value";

package/dist/components/form/fields/TimeField.svelte

@@ -1,15 +1,27 @@
 <script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
-	import type { FormPath } from 'sveltekit-superforms';
-	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+	import IconInputWrapper from '../IconInputWrapper.svelte';
 	import { Input } from '../../../shadcn/components/ui/input/index.js';
+	import { cn } from '../../../shadcn/utils.js';
 	import { Time } from '@internationalized/date';
+	import type { Component } from 'svelte';
+	import type { FormPath } from 'sveltekit-superforms';
+	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 
 	interface Props extends FieldWrapperProps<T, U, M> {
 		value?: Time;
 		class?: string;
 		step?: HTMLInputElement['step'];
+		placeholder?: string;
+		icon?: Component;
 	}
-	let { value = $bindable(), class: className, step, ...fieldProps }: Props = $props();
+	let {
+		value = $bindable(),
+		class: className,
+		step,
+		placeholder,
+		icon,
+		...fieldProps
+	}: Props = $props();
 	// Getter: format Time as string depending on step
 	function get(): string {
 		if (!value) return '00:00:00';
@@ -44,6 +56,17 @@
 
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
-		<Input type="time" bind:value={get, set} class={className} {step} {...props} />
+		<IconInputWrapper {icon}>
+			{#snippet children({ class: iconClass })}
+				<Input
+					type="time"
+					bind:value={get, set}
+					class={cn(iconClass, className)}
+					{placeholder}
+					{step}
+					{...props}
+				/>
+			{/snippet}
+		</IconInputWrapper>
 	{/snippet}
 </FieldWrapper>

package/dist/components/form/fields/TimeField.svelte.d.ts

@@ -1,11 +1,14 @@
+import { Time } from '@internationalized/date';
+import type { Component } from 'svelte';
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
-import { Time } from '@internationalized/date';
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
     props: FieldWrapperProps<T, U, M> & {
         value?: Time;
         class?: string;
         step?: HTMLInputElement["step"];
+        placeholder?: string;
+        icon?: Component;
     };
     exports: {};
     bindings: "value";

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

@@ -3,15 +3,16 @@ import ChoiceField from './fields/ChoiceField.svelte';
 import ChoiceMultiField from './fields/ChoiceMultiField.svelte';
 import DateField from './fields/DateField.svelte';
 import HexColorField from './fields/HexColorField.svelte';
+import MessageField from './fields/MessageField.svelte';
 import NumberField from './fields/NumberField.svelte';
 import PasswordField from './fields/PasswordField.svelte';
 import SelectField from './fields/SelectField.svelte';
 import SelectMultiField from './fields/SelectMultiField.svelte';
 import TextField from './fields/TextField.svelte';
 import TextFieldNullable from './fields/TextFieldNullable.svelte';
-import MessageField from './fields/MessageField.svelte';
 import TimeField from './fields/TimeField.svelte';
 import WeekdayChoiceField from './fields/WeekdayChoiceField.svelte';
 import WeekdayChoiceMultiField from './fields/WeekdayChoiceMultiField.svelte';
 import Form from './Form.svelte';
-export { Button, ChoiceField, ChoiceMultiField, DateField, Form, HexColorField, NumberField, PasswordField, SelectField, SelectMultiField, TextField, TextFieldNullable, MessageField, TimeField, WeekdayChoiceField, WeekdayChoiceMultiField };
+import IconInputWrapper from './IconInputWrapper.svelte';
+export { Button, ChoiceField, ChoiceMultiField, DateField, Form, HexColorField, IconInputWrapper, MessageField, NumberField, PasswordField, SelectField, SelectMultiField, TextField, TextFieldNullable, TimeField, WeekdayChoiceField, WeekdayChoiceMultiField };

package/dist/components/form/index.js

@@ -3,15 +3,16 @@ import ChoiceField from './fields/ChoiceField.svelte';
 import ChoiceMultiField from './fields/ChoiceMultiField.svelte';
 import DateField from './fields/DateField.svelte';
 import HexColorField from './fields/HexColorField.svelte';
+import MessageField from './fields/MessageField.svelte';
 import NumberField from './fields/NumberField.svelte';
 import PasswordField from './fields/PasswordField.svelte';
 import SelectField from './fields/SelectField.svelte';
 import SelectMultiField from './fields/SelectMultiField.svelte';
 import TextField from './fields/TextField.svelte';
 import TextFieldNullable from './fields/TextFieldNullable.svelte';
-import MessageField from './fields/MessageField.svelte';
 import TimeField from './fields/TimeField.svelte';
 import WeekdayChoiceField from './fields/WeekdayChoiceField.svelte';
 import WeekdayChoiceMultiField from './fields/WeekdayChoiceMultiField.svelte';
 import Form from './Form.svelte';
-export { Button, ChoiceField, ChoiceMultiField, DateField, Form, HexColorField, NumberField, PasswordField, SelectField, SelectMultiField, TextField, TextFieldNullable, MessageField, TimeField, WeekdayChoiceField, WeekdayChoiceMultiField };
+import IconInputWrapper from './IconInputWrapper.svelte';
+export { Button, ChoiceField, ChoiceMultiField, DateField, Form, HexColorField, IconInputWrapper, MessageField, NumberField, PasswordField, SelectField, SelectMultiField, TextField, TextFieldNullable, TimeField, WeekdayChoiceField, WeekdayChoiceMultiField };

package/package.json

@@ -3,8 +3,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.7.1",
+  "version": "0.7.2",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Webamoki/Web-svelte"
+  },
   "files": [
     "dist",
     "!dist/**/*.test.*",