@webamoki/web-svelte 0.8.0 → 1.0.0

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

@@ -1,29 +1,34 @@
-import { type ChoiceProps } from '../../ui/choice/Choice.svelte';
-import type { FormPath } from 'sveltekit-superforms';
-import { type FieldWrapperProps } from '../FieldWrapper.svelte';
-declare function $$render<V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
-    props: {
+export default ChoiceField;
+type ChoiceField<V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M> = SvelteComponent<Props, {}, {}> & {
+    $$bindings?: "value" | undefined;
+} & {};
+declare const ChoiceField: $$IsomorphicComponent;
+import { FormPath } from 'sveltekit-superforms';
+type Props = ChoiceProps<V, I, K> & FieldWrapperProps<T, U, M> & {
+    class?: string | undefined;
+};
+interface $$IsomorphicComponent {
+    new <V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import("svelte").ComponentConstructorOptions<ReturnType<__sveltets_Render<V, I, K, T, U, M>["props"]>>): import("svelte").SvelteComponent<ReturnType<__sveltets_Render<V, I, K, T, U, M>["props"]>, ReturnType<__sveltets_Render<V, I, K, T, U, M>["events"]>, ReturnType<__sveltets_Render<V, I, K, T, U, M>["slots"]>> & {
+        $$bindings?: ReturnType<__sveltets_Render<V, I, K, T, U, M>["bindings"]>;
+    } & ReturnType<__sveltets_Render<V, I, K, T, U, M>["exports"]>;
+    <V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<V, I, K, T, U, M>["props"]> & {}): ReturnType<__sveltets_Render<V, I, K, T, U, M>["exports"]>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any, any, any, any>["bindings"]>;
+}
+declare class __sveltets_Render<V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<V, I, K, T, U, M>>["props"];
+    events(): ReturnType<typeof $$render<V, I, K, T, U, M>>["events"];
+    slots(): ReturnType<typeof $$render<V, I, K, T, U, M>>["slots"];
+    bindings(): "value";
+    exports(): {};
+}
+declare function $$render<V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
+    props: ChoiceProps<V, I, K> & FieldWrapperProps<T, U, M> & {
         class?: string;
-    } & FieldWrapperProps<T, U, M> & ChoiceProps<V, I, K>;
+    };
     exports: {};
     bindings: "value";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M> {
-    props(): ReturnType<typeof $$render<V, I, K, T, U, M>>['props'];
-    events(): ReturnType<typeof $$render<V, I, K, T, U, M>>['events'];
-    slots(): ReturnType<typeof $$render<V, I, K, T, U, M>>['slots'];
-    bindings(): "value";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<V, I, K, T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<V, I, K, T, U, M>['props']>, ReturnType<__sveltets_Render<V, I, K, T, U, M>['events']>, ReturnType<__sveltets_Render<V, I, K, T, U, M>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<V, I, K, T, U, M>['bindings']>;
-    } & ReturnType<__sveltets_Render<V, I, K, T, U, M>['exports']>;
-    <V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<V, I, K, T, U, M>['props']> & {}): ReturnType<__sveltets_Render<V, I, K, T, U, M>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any, any, any, any>['bindings']>;
-}
-declare const ChoiceField: $$IsomorphicComponent;
-type ChoiceField<V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof ChoiceField<V, I, K, T, U, M>>;
-export default ChoiceField;
+import { ChoiceProps } from '../../ui/choice/Choice.svelte';
+import { FieldWrapperProps } from '../FieldWrapper.svelte';

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

@@ -1,49 +1,51 @@
 <script
-	lang="ts"
-	generics="V,I, K extends string | number | symbol,T extends Record<string, unknown>, U extends FormPath<T>, M"
+  generics="V,I, K extends number | string | symbol,T extends Record<string, unknown>, U extends FormPath<T>, M"
+  lang="ts"
 >
-	import ChoiceMulti, { type ChoiceMultiProps } from '../../ui/choice/ChoiceMulti.svelte';
-	import type { FormPath } from 'sveltekit-superforms';
-	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+  import type { FormPath } from 'sveltekit-superforms';
 
-	type Props = { class?: string } & FieldWrapperProps<T, U, M> & ChoiceMultiProps<V, I, K>;
-	let {
-		items,
-		getKey,
-		getLabel,
-		getValue,
-		onAdd,
-		onRemove,
-		vertical,
-		value = $bindable([]),
+  import ChoiceMulti, { type ChoiceMultiProps } from '../../ui/choice/ChoiceMulti.svelte';
 
-		form,
-		name,
-		label,
-		description,
-		disabled,
-		readonly,
-		buttonContent,
-		class: className
-	}: Props = $props();
+  import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+
+  type Props = ChoiceMultiProps<V, I, K> & FieldWrapperProps<T, U, M> & { class?: string };
+  let {
+    buttonContent,
+    class: className,
+    description,
+    disabled,
+    form,
+    getKey,
+    getLabel,
+    getValue,
+
+    items,
+    label,
+    name,
+    onAdd,
+    onRemove,
+    readonly,
+    value = $bindable([]),
+    vertical
+  }: Props = $props();
 </script>
 
-<FieldWrapper {form} {name} {label} {description} class={className}>
-	{#snippet formElem(props)}
-		<ChoiceMulti
-			{items}
-			{getKey}
-			{getLabel}
-			{getValue}
-			{onAdd}
-			{onRemove}
-			{buttonContent}
-			{disabled}
-			{readonly}
-			{vertical}
-			{...props}
-			bind:value
-			class="w-full"
-		/>
-	{/snippet}
+<FieldWrapper {name} class={className} {description} {form} {label}>
+  {#snippet formElem(props)}
+    <ChoiceMulti
+      {buttonContent}
+      {disabled}
+      {getKey}
+      {getLabel}
+      {getValue}
+      {items}
+      {onAdd}
+      {onRemove}
+      {readonly}
+      {vertical}
+      {...props}
+      class="w-full"
+      bind:value
+    />
+  {/snippet}
 </FieldWrapper>

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

@@ -1,29 +1,34 @@
-import { type ChoiceMultiProps } from '../../ui/choice/ChoiceMulti.svelte';
-import type { FormPath } from 'sveltekit-superforms';
-import { type FieldWrapperProps } from '../FieldWrapper.svelte';
-declare function $$render<V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
-    props: {
+export default ChoiceMultiField;
+type ChoiceMultiField<V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M> = SvelteComponent<Props, {}, {}> & {
+    $$bindings?: "value" | undefined;
+} & {};
+declare const ChoiceMultiField: $$IsomorphicComponent;
+import { FormPath } from 'sveltekit-superforms';
+type Props = ChoiceMultiProps<V, I, K> & FieldWrapperProps<T, U, M> & {
+    class?: string | undefined;
+};
+interface $$IsomorphicComponent {
+    new <V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import("svelte").ComponentConstructorOptions<ReturnType<__sveltets_Render<V, I, K, T, U, M>["props"]>>): import("svelte").SvelteComponent<ReturnType<__sveltets_Render<V, I, K, T, U, M>["props"]>, ReturnType<__sveltets_Render<V, I, K, T, U, M>["events"]>, ReturnType<__sveltets_Render<V, I, K, T, U, M>["slots"]>> & {
+        $$bindings?: ReturnType<__sveltets_Render<V, I, K, T, U, M>["bindings"]>;
+    } & ReturnType<__sveltets_Render<V, I, K, T, U, M>["exports"]>;
+    <V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<V, I, K, T, U, M>["props"]> & {}): ReturnType<__sveltets_Render<V, I, K, T, U, M>["exports"]>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any, any, any, any>["bindings"]>;
+}
+declare class __sveltets_Render<V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<V, I, K, T, U, M>>["props"];
+    events(): ReturnType<typeof $$render<V, I, K, T, U, M>>["events"];
+    slots(): ReturnType<typeof $$render<V, I, K, T, U, M>>["slots"];
+    bindings(): "value";
+    exports(): {};
+}
+declare function $$render<V, I, K extends number | string | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
+    props: ChoiceMultiProps<V, I, K> & FieldWrapperProps<T, U, M> & {
         class?: string;
-    } & FieldWrapperProps<T, U, M> & ChoiceMultiProps<V, I, K>;
+    };
     exports: {};
     bindings: "value";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M> {
-    props(): ReturnType<typeof $$render<V, I, K, T, U, M>>['props'];
-    events(): ReturnType<typeof $$render<V, I, K, T, U, M>>['events'];
-    slots(): ReturnType<typeof $$render<V, I, K, T, U, M>>['slots'];
-    bindings(): "value";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<V, I, K, T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<V, I, K, T, U, M>['props']>, ReturnType<__sveltets_Render<V, I, K, T, U, M>['events']>, ReturnType<__sveltets_Render<V, I, K, T, U, M>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<V, I, K, T, U, M>['bindings']>;
-    } & ReturnType<__sveltets_Render<V, I, K, T, U, M>['exports']>;
-    <V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<V, I, K, T, U, M>['props']> & {}): ReturnType<__sveltets_Render<V, I, K, T, U, M>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any, any, any, any>['bindings']>;
-}
-declare const ChoiceMultiField: $$IsomorphicComponent;
-type ChoiceMultiField<V, I, K extends string | number | symbol, T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof ChoiceMultiField<V, I, K, T, U, M>>;
-export default ChoiceMultiField;
+import { ChoiceMultiProps } from '../../ui/choice/ChoiceMulti.svelte';
+import { FieldWrapperProps } from '../FieldWrapper.svelte';

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

@@ -1,47 +1,49 @@
-<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 { CalendarDate } from '@internationalized/date';
-	import type { Component } from 'svelte';
-	import type { FormPath } from 'sveltekit-superforms';
-	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+<script generics="T extends Record<string, unknown>, U extends FormPath<T>, M" lang="ts">
+  import type { Component } from 'svelte';
+  import type { FormPath } from 'sveltekit-superforms';
 
-	interface Props extends FieldWrapperProps<T, U, M> {
-		value?: CalendarDate;
-		class?: string;
-		icon?: Component;
-	}
-	let { value = $bindable(), class: className, icon, ...fieldProps }: Props = $props();
+  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';
 
-	// Getter: format CalendarDate → string (YYYY-MM-DD)
-	function get(): string {
-		if (!value) return '';
-		const yyyy = String(value.year).padStart(4, '0');
-		const mm = String(value.month).padStart(2, '0');
-		const dd = String(value.day).padStart(2, '0');
-		return `${yyyy}-${mm}-${dd}`;
-	}
+  import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 
-	// Setter: parse string → CalendarDate
-	function set(raw: string) {
-		if (!raw) {
-			value = undefined;
-			return;
-		}
-		const [yyyy, mm, dd] = raw.split('-').map(Number);
-		if (yyyy && mm && dd) {
-			value = new CalendarDate(yyyy, mm, dd);
-		}
-	}
+  interface Props extends FieldWrapperProps<T, U, M> {
+    class?: string;
+    icon?: Component;
+    value?: CalendarDate;
+  }
+  let { class: className, icon, value = $bindable(), ...fieldProps }: Props = $props();
+
+  // Getter: format CalendarDate → string (YYYY-MM-DD)
+  function get(): string {
+    if (!value) return '';
+    const yyyy = String(value.year).padStart(4, '0');
+    const mm = String(value.month).padStart(2, '0');
+    const dd = String(value.day).padStart(2, '0');
+    return `${yyyy}-${mm}-${dd}`;
+  }
+
+  // Setter: parse string → CalendarDate
+  function set(raw: string) {
+    if (!raw) {
+      value = undefined;
+      return;
+    }
+    const [yyyy, mm, dd] = raw.split('-').map(Number);
+    if (yyyy && mm && dd) {
+      value = new CalendarDate(yyyy, mm, dd);
+    }
+  }
 </script>
 
 <FieldWrapper {...fieldProps}>
-	{#snippet formElem(props)}
-		<IconInputWrapper {icon}>
-			{#snippet children({ class: iconClass })}
-				<Input type="date" bind:value={get, set} class={cn(iconClass, className)} {...props} />
-			{/snippet}
-		</IconInputWrapper>
-	{/snippet}
+  {#snippet formElem(props)}
+    <IconInputWrapper {icon}>
+      {#snippet children({ class: iconClass })}
+        <Input class={cn(iconClass, className)} type="date" bind:value={get, set} {...props} />
+      {/snippet}
+    </IconInputWrapper>
+  {/snippet}
 </FieldWrapper>

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

@@ -1,32 +1,39 @@
-import { CalendarDate } from '@internationalized/date';
-import type { Component } from 'svelte';
-import type { FormPath } from 'sveltekit-superforms';
-import { type FieldWrapperProps } from '../FieldWrapper.svelte';
+export default DateField;
+type DateField<T extends Record<string, unknown>, U extends FormPath<T>, M> = SvelteComponent<Props, {}, {}> & {
+    $$bindings?: "value" | undefined;
+} & {};
+declare const DateField: $$IsomorphicComponent;
+import { FormPath } from 'sveltekit-superforms';
+type Props = FieldWrapperProps<T, U, M> & {
+    class?: string | undefined;
+    icon?: Component<any, any, string> | undefined;
+    value?: CalendarDate | undefined;
+};
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import("svelte").ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>["props"]>>): import("svelte").SvelteComponent<ReturnType<__sveltets_Render<T, U, M>["props"]>, ReturnType<__sveltets_Render<T, U, M>["events"]>, ReturnType<__sveltets_Render<T, U, M>["slots"]>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, U, M>["bindings"]>;
+    } & ReturnType<__sveltets_Render<T, U, M>["exports"]>;
+    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>["props"]> & {}): ReturnType<__sveltets_Render<T, U, M>["exports"]>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>["bindings"]>;
+}
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<T, U, M>>["props"];
+    events(): ReturnType<typeof $$render<T, U, M>>["events"];
+    slots(): ReturnType<typeof $$render<T, U, M>>["slots"];
+    bindings(): "value";
+    exports(): {};
+}
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
     props: FieldWrapperProps<T, U, M> & {
-        value?: CalendarDate;
         class?: string;
         icon?: Component;
+        value?: CalendarDate;
     };
     exports: {};
     bindings: "value";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
-    props(): ReturnType<typeof $$render<T, U, M>>['props'];
-    events(): ReturnType<typeof $$render<T, U, M>>['events'];
-    slots(): ReturnType<typeof $$render<T, U, M>>['slots'];
-    bindings(): "value";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U, M>['props']>, ReturnType<__sveltets_Render<T, U, M>['events']>, ReturnType<__sveltets_Render<T, U, M>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, U, M>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, U, M>['exports']>;
-    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>['props']> & {}): ReturnType<__sveltets_Render<T, U, M>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
-}
-declare const DateField: $$IsomorphicComponent;
-type DateField<T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof DateField<T, U, M>>;
-export default DateField;
+import { FieldWrapperProps } from '../FieldWrapper.svelte';
+import { Component } from 'svelte';
+import { CalendarDate } from '@internationalized/date';

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

@@ -1,24 +1,26 @@
-<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 ColorPicker from 'svelte-awesome-color-picker';
-	interface Props extends FieldWrapperProps<T, U, M> {
-		value?: string;
-	}
-	let { value = $bindable(), ...fieldProps }: Props = $props();
+<script generics="T extends Record<string, unknown>, U extends FormPath<T>, M" lang="ts">
+  import type { FormPath } from 'sveltekit-superforms';
 
-	function get() {
-		if (value) return `#${value}`;
-		return '';
-	}
-	function set(raw: string | undefined) {
-		if (raw === undefined) return undefined;
-		value = raw.slice(1); // remove #
-	}
+  import ColorPicker from 'svelte-awesome-color-picker';
+
+  import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+  interface Props extends FieldWrapperProps<T, U, M> {
+    value?: string;
+  }
+  let { value = $bindable(), ...fieldProps }: Props = $props();
+
+  function get() {
+    if (value) return `#${value}`;
+    return '';
+  }
+  function set(raw: string | undefined) {
+    if (raw === undefined) return undefined;
+    value = raw.slice(1); // remove #
+  }
 </script>
 
 <FieldWrapper {...fieldProps}>
-	{#snippet formElem()}
-		<ColorPicker bind:hex={get, set} label={value} isAlpha={false} position="responsive" />
-	{/snippet}
+  {#snippet formElem()}
+    <ColorPicker isAlpha={false} label={value} position="responsive" bind:hex={get, set} />
+  {/snippet}
 </FieldWrapper>

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

@@ -1,5 +1,26 @@
-import type { FormPath } from 'sveltekit-superforms';
-import { type FieldWrapperProps } from '../FieldWrapper.svelte';
+export default HexColorField;
+type HexColorField<T extends Record<string, unknown>, U extends FormPath<T>, M> = SvelteComponent<Props, {}, {}> & {
+    $$bindings?: "value" | undefined;
+} & {};
+declare const HexColorField: $$IsomorphicComponent;
+import { FormPath } from 'sveltekit-superforms';
+type Props = FieldWrapperProps<T, U, M> & {
+    value?: string | undefined;
+};
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import("svelte").ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>["props"]>>): import("svelte").SvelteComponent<ReturnType<__sveltets_Render<T, U, M>["props"]>, ReturnType<__sveltets_Render<T, U, M>["events"]>, ReturnType<__sveltets_Render<T, U, M>["slots"]>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, U, M>["bindings"]>;
+    } & ReturnType<__sveltets_Render<T, U, M>["exports"]>;
+    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>["props"]> & {}): ReturnType<__sveltets_Render<T, U, M>["exports"]>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>["bindings"]>;
+}
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<T, U, M>>["props"];
+    events(): ReturnType<typeof $$render<T, U, M>>["events"];
+    slots(): ReturnType<typeof $$render<T, U, M>>["slots"];
+    bindings(): "value";
+    exports(): {};
+}
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
     props: FieldWrapperProps<T, U, M> & {
         value?: string;
@@ -9,20 +30,4 @@ declare function $$render<T extends Record<string, unknown>, U extends FormPath<
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
-    props(): ReturnType<typeof $$render<T, U, M>>['props'];
-    events(): ReturnType<typeof $$render<T, U, M>>['events'];
-    slots(): ReturnType<typeof $$render<T, U, M>>['slots'];
-    bindings(): "value";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U, M>['props']>, ReturnType<__sveltets_Render<T, U, M>['events']>, ReturnType<__sveltets_Render<T, U, M>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, U, M>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, U, M>['exports']>;
-    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>['props']> & {}): ReturnType<__sveltets_Render<T, U, M>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
-}
-declare const HexColorField: $$IsomorphicComponent;
-type HexColorField<T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof HexColorField<T, U, M>>;
-export default HexColorField;
+import { FieldWrapperProps } from '../FieldWrapper.svelte';

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

@@ -1,66 +1,45 @@
-<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
-	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';
+<script generics="T extends Record<string, unknown>, U extends FormPath<T>, M" lang="ts">
+  import type { Component } from 'svelte';
+  import type { FormPath } from 'sveltekit-superforms';
 
-	interface Props extends FieldWrapperProps<T, U, M> {
-		value?: string;
-		class?: string;
-		placeholder?: string;
-		defaultHeight?: number;
-		showLock?: boolean;
-		defaultLocked?: boolean;
-		icon?: Component;
-	}
-	let {
-		value = $bindable(),
-		class: className,
-		placeholder,
-		defaultHeight = 100,
-		showLock = true,
-		defaultLocked = false,
-		icon,
-		...fieldProps
-	}: Props = $props();
+  import IconInputWrapper from '../IconInputWrapper.svelte';
+  import { Textarea } from '../../../shadcn/components/ui/textarea/index.js';
+  import { cn } from '../../../shadcn/utils.js';
 
-	let locked = $state(defaultLocked);
+  import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+
+  interface Props extends FieldWrapperProps<T, U, M> {
+    class?: string;
+    defaultHeight?: number;
+    icon?: Component;
+    placeholder?: string;
+    resize?: boolean;
+    value?: string;
+  }
+  let {
+    class: className,
+    defaultHeight = 100,
+    icon,
+    placeholder,
+    resize = false,
+    value = $bindable(),
+    ...fieldProps
+  }: Props = $props();
 </script>
 
 <FieldWrapper {...fieldProps}>
-	{#snippet formElem(props)}
-		<div class="flex w-full items-start gap-2">
-			<!-- 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}
-				<button
-					type="button"
-					class="flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-gray-300 px-4 py-3 text-gray-500 transition-all hover:bg-gray-50 focus:border-transparent focus:ring-2 focus:ring-primary focus:outline-none"
-					onclick={() => (locked = !locked)}
-					aria-label={locked ? 'Unlock height' : 'Lock height'}
-				>
-					{#if locked}
-						<Lock class="size-5" />
-					{:else}
-						<LockOpen class="size-5" />
-					{/if}
-				</button>
-			{/if}
-		</div>
-	{/snippet}
+  {#snippet formElem(props)}
+    <!-- Textarea itself with optional left icon -->
+    <IconInputWrapper flex {icon} iconPosition="top">
+      {#snippet children({ class: iconClass })}
+        <Textarea
+          style="height: {defaultHeight}px; min-height: {defaultHeight}px;"
+          class={cn(resize ? 'resize-y' : 'resize-none', iconClass, className)}
+          {placeholder}
+          bind:value
+          {...props}
+        />
+      {/snippet}
+    </IconInputWrapper>
+  {/snippet}
 </FieldWrapper>