@webamoki/web-svelte 0.5.4 → 0.5.6

package/dist/components/form/Form.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" generics="S extends type.Any<Record<string, unknown>>">
+<!-- <script lang="ts" generics="S extends type.Any<Record<string, unknown>>">
 	import { toast } from 'svelte-sonner';
 	import { dateTransport } from '../../utils/index.js';
 	import { type } from 'arktype';
@@ -68,4 +68,22 @@
 
 <form class={className} action="{_action}?/{actionName}" method="POST" use:form.enhance>
 	{@render children({ form, data, delayed, errors })}
+</form> -->
+<script lang="ts" generics="T extends Record<string, unknown>, M">
+	import type { FsSuperForm } from 'formsnap';
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		form: FsSuperForm<T, M>;
+		action: string;
+		actionName?: string;
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { form, action: _action, actionName, class: className, children }: Props = $props();
+</script>
+
+<form class={className} action="{_action}?/{actionName}" method="POST" use:form.enhance>
+	{@render children?.()}
 </form>

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

@@ -1,43 +1,32 @@
-import { type } from 'arktype';
+import type { FsSuperForm } from 'formsnap';
 import type { Snippet } from 'svelte';
-import type { Readable } from 'svelte/store';
-import { type SuperForm, type SuperValidated } from 'sveltekit-superforms';
-import type { SuperFormData, SuperFormErrors } from 'sveltekit-superforms/client';
-declare function $$render<S extends type.Any<Record<string, unknown>>>(): {
+declare function $$render<T extends Record<string, unknown>, M>(): {
     props: {
-        validated?: SuperValidated<S["infer"]> | S["infer"];
-        schema: S;
-        onSuccess?: (form: Readonly<SuperValidated<S["infer"], App.Superforms.Message, S["infer"]>>) => void;
-        invalidateAll?: boolean;
-        children: Snippet<[{
-            form: SuperForm<S["infer"], App.Superforms.Message>;
-            data: SuperFormData<S["infer"]>;
-            delayed: Readable<boolean>;
-            errors: SuperFormErrors<S["infer"]>;
-        }]>;
+        form: FsSuperForm<T, M>;
         action: string;
         actionName?: string;
         class?: string;
+        children?: Snippet;
     };
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<S extends type.Any<Record<string, unknown>>> {
-    props(): ReturnType<typeof $$render<S>>['props'];
-    events(): ReturnType<typeof $$render<S>>['events'];
-    slots(): ReturnType<typeof $$render<S>>['slots'];
+declare class __sveltets_Render<T extends Record<string, unknown>, M> {
+    props(): ReturnType<typeof $$render<T, M>>['props'];
+    events(): ReturnType<typeof $$render<T, M>>['events'];
+    slots(): ReturnType<typeof $$render<T, M>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <S extends type.Any<Record<string, unknown>>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<S>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<S>['props']>, ReturnType<__sveltets_Render<S>['events']>, ReturnType<__sveltets_Render<S>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<S>['bindings']>;
-    } & ReturnType<__sveltets_Render<S>['exports']>;
-    <S extends type.Any<Record<string, unknown>>>(internal: unknown, props: ReturnType<__sveltets_Render<S>['props']> & {}): ReturnType<__sveltets_Render<S>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends Record<string, unknown>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, M>['props']>, ReturnType<__sveltets_Render<T, M>['events']>, ReturnType<__sveltets_Render<T, M>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, M>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, M>['exports']>;
+    <T extends Record<string, unknown>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, M>['props']> & {}): ReturnType<__sveltets_Render<T, M>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const Form: $$IsomorphicComponent;
-type Form<S extends type.Any<Record<string, unknown>>> = InstanceType<typeof Form<S>>;
+type Form<T extends Record<string, unknown>, M> = InstanceType<typeof Form<T, M>>;
 export default Form;

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

@@ -8,11 +8,12 @@
 	let { value = $bindable(), ...fieldProps }: Props = $props();
 
 	function get() {
-		return `#${value}`;
+		if (value) return `#${value}`;
+		return '';
 	}
 	function set(raw: string | undefined) {
 		if (raw === undefined) return undefined;
-		return raw.slice(1); // remove #
+		value = raw.slice(1); // remove #
 	}
 </script>
 

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

@@ -0,0 +1,18 @@
+<script lang="ts" generics="V,T extends Record<string, unknown>, U extends FormPath<T>, M">
+	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'];
+	}
+	let { value = $bindable(), class: className, step, ...fieldProps }: Props = $props();
+</script>
+
+<FieldWrapper {...fieldProps}>
+	{#snippet formElem(props)}
+		<Input type="number" bind:value class={className} {step} {...props} />
+	{/snippet}
+</FieldWrapper>

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

@@ -0,0 +1,30 @@
+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>(): {
+    props: FieldWrapperProps<T, U, M> & {
+        value?: V;
+        class?: string;
+        step?: HTMLInputElement["step"];
+    };
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<V, T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<V, T, U, M>>['props'];
+    events(): ReturnType<typeof $$render<V, T, U, M>>['events'];
+    slots(): ReturnType<typeof $$render<V, T, U, M>>['slots'];
+    bindings(): "value";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <V, T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<V, T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<V, T, U, M>['props']>, ReturnType<__sveltets_Render<V, T, U, M>['events']>, ReturnType<__sveltets_Render<V, T, U, M>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<V, T, U, M>['bindings']>;
+    } & ReturnType<__sveltets_Render<V, T, U, M>['exports']>;
+    <V, T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<V, T, U, M>['props']> & {}): ReturnType<__sveltets_Render<V, T, U, M>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any, any>['bindings']>;
+}
+declare const NumberField: $$IsomorphicComponent;
+type NumberField<V, T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof NumberField<V, T, U, M>>;
+export default NumberField;

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

@@ -0,0 +1,79 @@
+<script
+	lang="ts"
+	generics="I,V, K extends string | number,T extends Record<string, unknown>, U extends FormPath<T>, M"
+>
+	import type { FormPath } from 'sveltekit-superforms';
+	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+	import {
+		Select,
+		SelectContent,
+		SelectGroup,
+		SelectItem,
+		SelectLabel,
+		SelectTrigger
+	} from '../../../shadcn/components/ui/select/index.js';
+	import { cn } from '../../../shadcn/utils.js';
+
+	interface Props extends FieldWrapperProps<T, U, M> {
+		value?: V;
+		items: readonly I[];
+		getKey: (item: I) => K;
+		getLabel: (item: I) => string;
+		getValue: (item: I) => V;
+		onchange?: (value: V | undefined) => void;
+		class?: string;
+		placeholder: string;
+	}
+	let {
+		value = $bindable(undefined),
+		class: className,
+		getKey: _getKey,
+		getLabel,
+		getValue,
+		onchange,
+		placeholder,
+		items,
+		...fieldProps
+	}: Props = $props();
+	let valueToItem: Map<V, I> = new Map(items.map((item) => [getValue(item), item] as const));
+	let keyToItem: Map<string, I> = new Map(items.map((item) => [getKey(item), item] as const));
+
+	// Enforce string key functino
+	function getKey(item: I) {
+		const key = _getKey(item);
+		return key.toString();
+	}
+
+	function getKeyFromValue(): string {
+		if (value === undefined) return '';
+		const item = valueToItem.get(value);
+		if (item === undefined) return '';
+		return getKey(item);
+	}
+
+	function setValueFromKey(key: string) {
+		const item = keyToItem.get(key);
+		if (item === undefined) return;
+		const newValue = getValue(item);
+		value = newValue;
+		onchange?.(newValue);
+	}
+</script>
+
+<FieldWrapper {...fieldProps}>
+	{#snippet formElem(props)}
+		<Select type="single" {...props} bind:value={getKeyFromValue, setValueFromKey}>
+			<SelectTrigger class={cn('w-[180px] cursor-pointer', className)}>
+				{value ? value : placeholder}
+			</SelectTrigger>
+			<SelectContent>
+				<SelectGroup>
+					<SelectLabel>{fieldProps.label}</SelectLabel>
+					{#each items as item (getKey(item))}
+						<SelectItem class="cursor-pointer" value={getKey(item)} label={getLabel(item)} />
+					{/each}
+				</SelectGroup>
+			</SelectContent>
+		</Select>
+	{/snippet}
+</FieldWrapper>

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

@@ -0,0 +1,35 @@
+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>(): {
+    props: FieldWrapperProps<T, U, M> & {
+        value?: V;
+        items: readonly I[];
+        getKey: (item: I) => K;
+        getLabel: (item: I) => string;
+        getValue: (item: I) => V;
+        onchange?: (value: V | undefined) => void;
+        class?: string;
+        placeholder: string;
+    };
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<I, V, K, T, U, M>>['props'];
+    events(): ReturnType<typeof $$render<I, V, K, T, U, M>>['events'];
+    slots(): ReturnType<typeof $$render<I, V, K, T, U, M>>['slots'];
+    bindings(): "value";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<I, V, K, T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<I, V, K, T, U, M>['props']>, ReturnType<__sveltets_Render<I, V, K, T, U, M>['events']>, ReturnType<__sveltets_Render<I, V, K, T, U, M>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<I, V, K, T, U, M>['bindings']>;
+    } & ReturnType<__sveltets_Render<I, V, K, T, U, M>['exports']>;
+    <I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<I, V, K, T, U, M>['props']> & {}): ReturnType<__sveltets_Render<I, V, K, T, U, M>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any, any, any, any>['bindings']>;
+}
+declare const SelectField: $$IsomorphicComponent;
+type SelectField<I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof SelectField<I, V, K, T, U, M>>;
+export default SelectField;

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

@@ -0,0 +1,34 @@
+<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 { 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;
+	}
+	let {
+		value = $bindable(),
+		type = 'text',
+		class: className,
+		placeholder,
+		...fieldProps
+	}: Props = $props();
+
+	function get() {
+		if (!value) return;
+		return value;
+	}
+	function set(raw: string | undefined) {
+		if (!raw) value = null;
+		value = raw;
+	}
+</script>
+
+<FieldWrapper {...fieldProps}>
+	{#snippet formElem(props)}
+		<Input {type} bind:value={get, set} class={className} {placeholder} {...props} />
+	{/snippet}
+</FieldWrapper>

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

@@ -0,0 +1,31 @@
+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 | null;
+        type?: HTMLInputElement["type"];
+        class?: string;
+        placeholder?: string;
+    };
+    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 TextFieldNullable: $$IsomorphicComponent;
+type TextFieldNullable<T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof TextFieldNullable<T, U, M>>;
+export default TextFieldNullable;

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

@@ -0,0 +1,49 @@
+<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 { Input } from '../../../shadcn/components/ui/input/index.js';
+	import { Time } from '@internationalized/date';
+
+	interface Props extends FieldWrapperProps<T, U, M> {
+		value?: Time;
+		class?: string;
+		step?: HTMLInputElement['step'];
+	}
+	let { value = $bindable(), class: className, step, ...fieldProps }: Props = $props();
+	// Getter: format Time as string depending on step
+	function get(): string {
+		if (!value) return '00:00:00';
+		const hh = String(value.hour).padStart(2, '0');
+		const mm = String(value.minute).padStart(2, '0');
+
+		// If step < 60, include seconds
+		if (!step || Number(step) < 60) {
+			const ss = String(value.second).padStart(2, '0');
+			return `${hh}:${mm}:${ss}`;
+		}
+
+		return `${hh}:${mm}`;
+	}
+
+	// Setter: parse string into Time depending on step
+	function set(raw: string) {
+		if (!raw) {
+			value = undefined;
+			return;
+		}
+		const parts = raw.split(':').map(Number);
+		if (parts.length === 2) {
+			const [hh, mm] = parts;
+			value = new Time(hh, mm);
+		} else if (parts.length === 3) {
+			const [hh, mm, ss] = parts;
+			value = new Time(hh, mm, ss);
+		}
+	}
+</script>
+
+<FieldWrapper {...fieldProps}>
+	{#snippet formElem(props)}
+		<Input type="time" bind:value={get, set} class={className} {step} {...props} />
+	{/snippet}
+</FieldWrapper>

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

@@ -0,0 +1,31 @@
+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"];
+    };
+    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 TimeField: $$IsomorphicComponent;
+type TimeField<T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof TimeField<T, U, M>>;
+export default TimeField;

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

@@ -0,0 +1,14 @@
+import Form from './Form.svelte';
+import Button from './Button.svelte';
+import TextField from './fields/TextField.svelte';
+import TextFieldNullable from './fields/TextFieldNullable.svelte';
+import TimeField from './fields/TimeField.svelte';
+import NumberField from './fields/NumberField.svelte';
+import SelectField from './fields/SelectField.svelte';
+import PasswordField from './fields/PasswordField.svelte';
+import HexColorField from './fields/HexColorField.svelte';
+import ChoiceField from './fields/ChoiceField.svelte';
+import ChoiceMultiField from './fields/ChoiceMultiField.svelte';
+import WeekdayChoiceField from './fields/WeekdayChoiceField.svelte';
+import WeekdayChoiceMultiField from './fields/WeekdayChoiceMultiField.svelte';
+export { Form, Button, TextField, TextFieldNullable, TimeField, NumberField, SelectField, PasswordField, HexColorField, ChoiceField, ChoiceMultiField, WeekdayChoiceField, WeekdayChoiceMultiField };

package/dist/components/form/index.js

@@ -0,0 +1,14 @@
+import Form from './Form.svelte';
+import Button from './Button.svelte';
+import TextField from './fields/TextField.svelte';
+import TextFieldNullable from './fields/TextFieldNullable.svelte';
+import TimeField from './fields/TimeField.svelte';
+import NumberField from './fields/NumberField.svelte';
+import SelectField from './fields/SelectField.svelte';
+import PasswordField from './fields/PasswordField.svelte';
+import HexColorField from './fields/HexColorField.svelte';
+import ChoiceField from './fields/ChoiceField.svelte';
+import ChoiceMultiField from './fields/ChoiceMultiField.svelte';
+import WeekdayChoiceField from './fields/WeekdayChoiceField.svelte';
+import WeekdayChoiceMultiField from './fields/WeekdayChoiceMultiField.svelte';
+export { Form, Button, TextField, TextFieldNullable, TimeField, NumberField, SelectField, PasswordField, HexColorField, ChoiceField, ChoiceMultiField, WeekdayChoiceField, WeekdayChoiceMultiField };

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

@@ -0,0 +1,5 @@
+import Choice from './choice/Choice.svelte';
+import ChoiceMulti from './choice/ChoiceMulti.svelte';
+import WeekdayChoice from './choice/WeekdayChoice.svelte';
+import WeekdayChoiceMulti from './choice/WeekdayChoiceMulti.svelte';
+export { Choice, ChoiceMulti, WeekdayChoice, WeekdayChoiceMulti };

package/dist/components/ui/index.js

@@ -0,0 +1,5 @@
+import Choice from './choice/Choice.svelte';
+import ChoiceMulti from './choice/ChoiceMulti.svelte';
+import WeekdayChoice from './choice/WeekdayChoice.svelte';
+import WeekdayChoiceMulti from './choice/WeekdayChoiceMulti.svelte';
+export { Choice, ChoiceMulti, WeekdayChoice, WeekdayChoiceMulti };

package/dist/shadcn/components/ui/input/input.svelte.d.ts

@@ -8,6 +8,6 @@ type Props = WithElementRef<Omit<HTMLInputAttributes, 'type'> & ({
     type?: InputType;
     files?: undefined;
 })>;
-declare const Input: import("svelte").Component<Props, {}, "ref" | "files" | "value">;
+declare const Input: import("svelte").Component<Props, {}, "ref" | "value" | "files">;
 type Input = ReturnType<typeof Input>;
 export default Input;

package/dist/shadcn/components/ui/select/index.d.ts

@@ -0,0 +1,11 @@
+import Group from './select-group.svelte';
+import Label from './select-label.svelte';
+import Item from './select-item.svelte';
+import Content from './select-content.svelte';
+import Trigger from './select-trigger.svelte';
+import Separator from './select-separator.svelte';
+import ScrollDownButton from './select-scroll-down-button.svelte';
+import ScrollUpButton from './select-scroll-up-button.svelte';
+import GroupHeading from './select-group-heading.svelte';
+declare const Root: import("svelte").Component<import("bits-ui").SelectRootPropsWithoutHTML, {}, "value" | "open">;
+export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading };

package/dist/shadcn/components/ui/select/index.js

@@ -0,0 +1,14 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+import Group from './select-group.svelte';
+import Label from './select-label.svelte';
+import Item from './select-item.svelte';
+import Content from './select-content.svelte';
+import Trigger from './select-trigger.svelte';
+import Separator from './select-separator.svelte';
+import ScrollDownButton from './select-scroll-down-button.svelte';
+import ScrollUpButton from './select-scroll-up-button.svelte';
+import GroupHeading from './select-group-heading.svelte';
+const Root = SelectPrimitive.Root;
+export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, 
+//
+Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading };

package/dist/shadcn/components/ui/select/select-content.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import SelectScrollUpButton from './select-scroll-up-button.svelte';
+	import SelectScrollDownButton from './select-scroll-down-button.svelte';
+	import { cn, type WithoutChild } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 4,
+		portalProps,
+		children,
+		...restProps
+	}: WithoutChild<SelectPrimitive.ContentProps> & {
+		portalProps?: SelectPrimitive.PortalProps;
+	} = $props();
+</script>
+
+<SelectPrimitive.Portal {...portalProps}>
+	<SelectPrimitive.Content
+		bind:ref
+		{sideOffset}
+		data-slot="select-content"
+		class={cn(
+			'relative z-50 max-h-(--bits-select-content-available-height) min-w-[8rem] origin-(--bits-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:translate-y-1 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:-translate-x-1 data-[side=left]:slide-in-from-right-2 data-[side=right]:translate-x-1 data-[side=right]:slide-in-from-left-2 data-[side=top]:-translate-y-1 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+			className
+		)}
+		{...restProps}
+	>
+		<SelectScrollUpButton />
+		<SelectPrimitive.Viewport
+			class={cn(
+				'h-(--bits-select-anchor-height) w-full min-w-(--bits-select-anchor-width) scroll-my-1 p-1'
+			)}
+		>
+			{@render children?.()}
+		</SelectPrimitive.Viewport>
+		<SelectScrollDownButton />
+	</SelectPrimitive.Content>
+</SelectPrimitive.Portal>

package/dist/shadcn/components/ui/select/select-content.svelte.d.ts

@@ -0,0 +1,8 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+import { type WithoutChild } from '../../../utils.js';
+type $$ComponentProps = WithoutChild<SelectPrimitive.ContentProps> & {
+    portalProps?: SelectPrimitive.PortalProps;
+};
+declare const SelectContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SelectContent = ReturnType<typeof SelectContent>;
+export default SelectContent;

package/dist/shadcn/components/ui/select/select-group-heading.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import { cn } from '../../../utils.js';
+	import type { ComponentProps } from 'svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
+</script>
+
+<SelectPrimitive.GroupHeading
+	bind:ref
+	data-slot="select-group-heading"
+	class={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</SelectPrimitive.GroupHeading>

package/dist/shadcn/components/ui/select/select-group-heading.svelte.d.ts

@@ -0,0 +1,10 @@
+declare const SelectGroupHeading: import("svelte").Component<Omit<{}, "child" | "children"> & {
+    child?: import("svelte").Snippet<[{
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet<[]> | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").ComboboxGroupHeadingPropsWithoutHTML>, {}, "ref">;
+type SelectGroupHeading = ReturnType<typeof SelectGroupHeading>;
+export default SelectGroupHeading;

package/dist/shadcn/components/ui/select/select-group.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from 'bits-ui';
+
+	let { ref = $bindable(null), ...restProps }: SelectPrimitive.GroupProps = $props();
+</script>
+
+<SelectPrimitive.Group data-slot="select-group" {...restProps} />

package/dist/shadcn/components/ui/select/select-group.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SelectGroup: import("svelte").Component<SelectPrimitive.GroupProps, {}, "ref">;
+type SelectGroup = ReturnType<typeof SelectGroup>;
+export default SelectGroup;

package/dist/shadcn/components/ui/select/select-item.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+	import CheckIcon from '@lucide/svelte/icons/check';
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import { cn, type WithoutChild } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		value,
+		label,
+		children: childrenProp,
+		...restProps
+	}: WithoutChild<SelectPrimitive.ItemProps> = $props();
+</script>
+
+<SelectPrimitive.Item
+	bind:ref
+	{value}
+	data-slot="select-item"
+	class={cn(
+		"relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ selected, highlighted })}
+		<span class="absolute right-2 flex size-3.5 items-center justify-center">
+			{#if selected}
+				<CheckIcon class="size-4" />
+			{/if}
+		</span>
+		{#if childrenProp}
+			{@render childrenProp({ selected, highlighted })}
+		{:else}
+			{label || value}
+		{/if}
+	{/snippet}
+</SelectPrimitive.Item>

package/dist/shadcn/components/ui/select/select-item.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SelectItem: import("svelte").Component<Omit<SelectPrimitive.ItemProps, "child">, {}, "ref">;
+type SelectItem = ReturnType<typeof SelectItem>;
+export default SelectItem;

package/dist/shadcn/components/ui/select/select-label.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="select-label"
+	class={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/shadcn/components/ui/select/select-label.svelte.d.ts

@@ -0,0 +1,6 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {};
+declare const SelectLabel: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SelectLabel = ReturnType<typeof SelectLabel>;
+export default SelectLabel;

package/dist/shadcn/components/ui/select/select-scroll-down-button.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
+</script>
+
+<SelectPrimitive.ScrollDownButton
+	bind:ref
+	data-slot="select-scroll-down-button"
+	class={cn('flex cursor-default items-center justify-center py-1', className)}
+	{...restProps}
+>
+	<ChevronDownIcon class="size-4" />
+</SelectPrimitive.ScrollDownButton>

package/dist/shadcn/components/ui/select/select-scroll-down-button.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SelectScrollDownButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollDownButtonProps, "child">, "children">, {}, "ref">;
+type SelectScrollDownButton = ReturnType<typeof SelectScrollDownButton>;
+export default SelectScrollDownButton;

package/dist/shadcn/components/ui/select/select-scroll-up-button.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<SelectPrimitive.ScrollUpButtonProps> = $props();
+</script>
+
+<SelectPrimitive.ScrollUpButton
+	bind:ref
+	data-slot="select-scroll-up-button"
+	class={cn('flex cursor-default items-center justify-center py-1', className)}
+	{...restProps}
+>
+	<ChevronUpIcon class="size-4" />
+</SelectPrimitive.ScrollUpButton>

package/dist/shadcn/components/ui/select/select-scroll-up-button.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SelectScrollUpButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollUpButtonProps, "child">, "children">, {}, "ref">;
+type SelectScrollUpButton = ReturnType<typeof SelectScrollUpButton>;
+export default SelectScrollUpButton;

package/dist/shadcn/components/ui/select/select-separator.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import type { Separator as SeparatorPrimitive } from 'bits-ui';
+	import { Separator } from '../separator/index.js';
+	import { cn } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: SeparatorPrimitive.RootProps = $props();
+</script>
+
+<Separator
+	bind:ref
+	data-slot="select-separator"
+	class={cn('pointer-events-none -mx-1 my-1 h-px bg-border', className)}
+	{...restProps}
+/>

package/dist/shadcn/components/ui/select/select-separator.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { Separator as SeparatorPrimitive } from 'bits-ui';
+declare const SelectSeparator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
+type SelectSeparator = ReturnType<typeof SelectSeparator>;
+export default SelectSeparator;

package/dist/shadcn/components/ui/select/select-trigger.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+	import { cn, type WithoutChild } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		size = 'default',
+		...restProps
+	}: WithoutChild<SelectPrimitive.TriggerProps> & {
+		size?: 'sm' | 'default';
+	} = $props();
+</script>
+
+<SelectPrimitive.Trigger
+	bind:ref
+	data-slot="select-trigger"
+	data-size={size}
+	class={cn(
+		"flex w-fit items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronDownIcon class="size-4 opacity-50" />
+</SelectPrimitive.Trigger>

package/dist/shadcn/components/ui/select/select-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+import { type WithoutChild } from '../../../utils.js';
+type $$ComponentProps = WithoutChild<SelectPrimitive.TriggerProps> & {
+    size?: 'sm' | 'default';
+};
+declare const SelectTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SelectTrigger = ReturnType<typeof SelectTrigger>;
+export default SelectTrigger;

package/dist/shadcn/components/ui/separator/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './separator.svelte';
+export { Root, Root as Separator };

package/dist/shadcn/components/ui/separator/index.js

@@ -0,0 +1,4 @@
+import Root from './separator.svelte';
+export { Root, 
+//
+Root as Separator };

package/dist/shadcn/components/ui/separator/separator.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Separator as SeparatorPrimitive } from 'bits-ui';
+	import { cn } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: SeparatorPrimitive.RootProps = $props();
+</script>
+
+<SeparatorPrimitive.Root
+	bind:ref
+	data-slot="separator"
+	class={cn(
+		'shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',
+		className
+	)}
+	{...restProps}
+/>

package/dist/shadcn/components/ui/separator/separator.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from 'bits-ui';
+declare const Separator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
+type Separator = ReturnType<typeof Separator>;
+export default Separator;

package/dist/utils/form.d.ts

@@ -0,0 +1,21 @@
+import { type } from 'arktype';
+import { type SuperValidated } from 'sveltekit-superforms';
+export declare function prepareForm<S extends type.Any<Record<string, unknown>>>(validated: SuperValidated<S['infer']> | S['infer'], schema: S, options?: Partial<{
+    invalidateAll: boolean;
+    onSuccess: (form: Readonly<SuperValidated<S['infer'], App.Superforms.Message, S['infer']>>) => void;
+}>): {
+    form: import("sveltekit-superforms").SuperForm<S["infer"], any>;
+    data: import("sveltekit-superforms/client").SuperFormData<S["infer"]>;
+    delayed: import("svelte/store").Readable<boolean>;
+    errors: import("sveltekit-superforms/client").SuperFormErrors<S["infer"]>;
+};
+export declare function prepareEmptyForm<S extends type.Any<Record<string, unknown>>>(schema: S, options?: Partial<{
+    invalidateAll: boolean;
+    onSuccess: (form: Readonly<SuperValidated<S['infer'], App.Superforms.Message, S['infer']>>) => void;
+}>): {
+    form: import("sveltekit-superforms").SuperForm<S["infer"], any>;
+    data: import("sveltekit-superforms/client").SuperFormData<S["infer"]>;
+    delayed: import("svelte/store").Readable<boolean>;
+    errors: import("sveltekit-superforms/client").SuperFormErrors<S["infer"]>;
+};
+export declare function serverValidateForm<S extends type.Any<Record<string, unknown>>>(request: Request, schema: S): Promise<SuperValidated<S["infer"], any, S["inferIn"]>>;

package/dist/utils/form.js

@@ -0,0 +1,64 @@
+import { toast } from 'svelte-sonner';
+import { dateTransport } from './index.js';
+import { type } from 'arktype';
+import { defaults, fail, superForm, superValidate } from 'sveltekit-superforms';
+import { arktype, arktypeClient } from 'sveltekit-superforms/adapters';
+export function prepareForm(validated, schema, options) {
+    const _invalidateAll = options?.invalidateAll === undefined ? false : true;
+    const form = superForm(validated, {
+        validators: arktypeClient(schema),
+        dataType: 'json',
+        invalidateAll: _invalidateAll,
+        transport: dateTransport,
+        onUpdated({ form }) {
+            if (form.valid) {
+                options?.onSuccess?.(form);
+            }
+            const text = form.message?.text;
+            if (text === undefined)
+                return;
+            if (form.message?.success) {
+                toast.success(text);
+            }
+            else {
+                toast.error(text);
+            }
+        }
+    });
+    const delayed = form.delayed;
+    const errors = form.errors;
+    return { form, data: form.form, delayed, errors };
+}
+export function prepareEmptyForm(schema, options) {
+    const _invalidateAll = options?.invalidateAll === undefined ? false : true;
+    const form = superForm(defaults(arktype(schema)), {
+        validators: arktypeClient(schema),
+        dataType: 'json',
+        invalidateAll: _invalidateAll,
+        transport: dateTransport,
+        onUpdated({ form }) {
+            if (form.valid) {
+                options?.onSuccess?.(form);
+            }
+            const text = form.message?.text;
+            if (text === undefined)
+                return;
+            if (form.message?.success) {
+                toast.success(text);
+            }
+            else {
+                toast.error(text);
+            }
+        }
+    });
+    const delayed = form.delayed;
+    const errors = form.errors;
+    return { form, data: form.form, delayed, errors };
+}
+export async function serverValidateForm(request, schema) {
+    const form = await superValidate(request, arktype(schema), { transport: dateTransport });
+    if (!form.valid) {
+        throw fail(400, { form });
+    }
+    return form;
+}

package/dist/utils/index.d.ts

@@ -3,3 +3,4 @@ export * from './types/arktype.js';
 export * from './types/db.js';
 export * from './types/consts.js';
 export * from './string.js';
+export * from './form.js';

package/dist/utils/index.js

@@ -3,3 +3,4 @@ export * from './types/arktype.js';
 export * from './types/db.js';
 export * from './types/consts.js';
 export * from './string.js';
+export * from './form.js';

package/dist/utils/types/arktype.d.ts

@@ -12,5 +12,5 @@ export declare const Email: import("arktype/internal/methods/object.ts").ObjectT
 export declare const FirstName: import("arktype/internal/methods/object.ts").ObjectType<(In: string) => import("arktype").Out<string>, {}>;
 export declare const LastName: import("arktype/internal/methods/object.ts").ObjectType<(In: string) => import("arktype").Out<string>, {}>;
 export declare const Id: import("arktype/internal/methods/number.ts").NumberType<number, {}>;
-export declare const PasswordType: import("arktype/internal/methods/string.ts").StringType<string, {}>;
+export declare const Password: import("arktype/internal/methods/string.ts").StringType<string, {}>;
 export declare const Duration: import("arktype/internal/methods/number.ts").NumberType<number, {}>;

package/dist/utils/types/arktype.js

@@ -38,7 +38,7 @@ export const Id = type('number >= 0');
 const passwordMaxLength = 20;
 const passwordMinLength = 8;
 const allowedChars = /^[A-Za-z0-9!@$#()]+$/;
-export const PasswordType = type('string')
+export const Password = type('string')
     .atLeastLength(passwordMinLength)
     .atMostLength(passwordMaxLength)
     .configure({

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.4",
+  "version": "0.5.6",
   "license": "MIT",
   "files": [
     "dist",
@@ -15,13 +15,33 @@
   ],
   "type": "module",
   "exports": {
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "svelte": "./dist/components/index.js"
+    "./components/form": {
+      "types": "./dist/components/form/index.d.ts",
+      "svelte": "./dist/components/form/index.js"
     },
-    "./utils": {
-      "types": "./dist/utils/index.d.ts",
-      "import": "./dist/utils/index.js"
+    "./components/ui": {
+      "types": "./dist/components/ui/index.d.ts",
+      "svelte": "./dist/components/ui/index.js"
+    },
+    "./utils/datetime": {
+      "types": "./dist/utils/datetime/index.d.ts",
+      "import": "./dist/utils/datetime/index.js"
+    },
+    "./utils/types/arktype": {
+      "types": "./dist/utils/types/arktype.d.ts",
+      "import": "./dist/utils/types/arktype.js"
+    },
+    "./utils/types/consts": {
+      "types": "./dist/utils/types/consts.d.ts",
+      "import": "./dist/utils/types/consts.js"
+    },
+    "./utils/types/db": {
+      "types": "./dist/utils/types/db.d.ts",
+      "import": "./dist/utils/types/db.js"
+    },
+    "./utils/form": {
+      "types": "./dist/utils/form.d.ts",
+      "import": "./dist/utils/form.js"
     }
   },
   "peerDependencies": {
@@ -39,7 +59,6 @@
     "@changesets/cli": "^2.29.7",
     "@eslint/compat": "^1.2.5",
     "@eslint/js": "^9.22.0",
-    "@internationalized/date": "^3.9.0",
     "@lucide/svelte": "^0.544.0",
     "@sveltejs/adapter-static": "^3.0.8",
     "@sveltejs/kit": "^2.22.0",
@@ -52,6 +71,7 @@
     "@types/ramda": "^0.31.1",
     "@types/sorted-array-functions": "^1.3.3",
     "arktype": "^2.1.22",
+    "bits-ui": "^2.11.4",
     "clsx": "^2.1.1",
     "eslint": "^9.22.0",
     "eslint-config-prettier": "^10.0.1",
@@ -97,6 +117,7 @@
     "lint:es": "eslint --cache --cache-location .cache/.eslintcache --cache-strategy metadata .",
     "lint:svelte": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "test:unit": "vitest run",
-    "test": "pnpm test:unit"
+    "test": "pnpm test:unit",
+    "watch": "svelte-package --watch"
   }
 }

package/dist/components/index.d.ts

@@ -1,14 +0,0 @@
-import TextField from './form/fields/TextField.svelte';
-import PasswordField from './form/fields/PasswordField.svelte';
-import HexColorField from './form/fields/HexColorField.svelte';
-import ChoiceField from './form/fields/ChoiceField.svelte';
-import ChoiceMultiField from './form/fields/ChoiceMultiField.svelte';
-import Choice from './ui/choice/Choice.svelte';
-import ChoiceMulti from './ui/choice/ChoiceMulti.svelte';
-import WeekdayChoice from './ui/choice/WeekdayChoice.svelte';
-import WeekdayChoiceMulti from './ui/choice/WeekdayChoiceMulti.svelte';
-import WeekdayChoiceField from './form/fields/WeekdayChoiceField.svelte';
-import WeekdayChoiceMultiField from './form/fields/WeekdayChoiceMultiField.svelte';
-import Button from './form/Button.svelte';
-import Form from './form/Form.svelte';
-export { Form, TextField, PasswordField, HexColorField, ChoiceMultiField, ChoiceField, WeekdayChoiceField, WeekdayChoiceMultiField, Choice, ChoiceMulti, WeekdayChoice, WeekdayChoiceMulti, Button };

package/dist/components/index.js

@@ -1,14 +0,0 @@
-import TextField from './form/fields/TextField.svelte';
-import PasswordField from './form/fields/PasswordField.svelte';
-import HexColorField from './form/fields/HexColorField.svelte';
-import ChoiceField from './form/fields/ChoiceField.svelte';
-import ChoiceMultiField from './form/fields/ChoiceMultiField.svelte';
-import Choice from './ui/choice/Choice.svelte';
-import ChoiceMulti from './ui/choice/ChoiceMulti.svelte';
-import WeekdayChoice from './ui/choice/WeekdayChoice.svelte';
-import WeekdayChoiceMulti from './ui/choice/WeekdayChoiceMulti.svelte';
-import WeekdayChoiceField from './form/fields/WeekdayChoiceField.svelte';
-import WeekdayChoiceMultiField from './form/fields/WeekdayChoiceMultiField.svelte';
-import Button from './form/Button.svelte';
-import Form from './form/Form.svelte';
-export { Form, TextField, PasswordField, HexColorField, ChoiceMultiField, ChoiceField, WeekdayChoiceField, WeekdayChoiceMultiField, Choice, ChoiceMulti, WeekdayChoice, WeekdayChoiceMulti, Button };