fuma 2.1.1 → 2.1.4

package/dist/popover/popover.svelte.d.ts

@@ -10,8 +10,11 @@ export type PopoverOptions = {
     listenHover?: boolean;
     /** Only when listenHover={true} */
     hideDelay?: number;
+    onShow?: () => void;
+    onHide?: () => void;
+    hotKey?: string;
 };
-export declare function usePopover({ mode, placement, listenClick, listenFocus, listenHover, hideDelay }?: PopoverOptions): {
+export declare function usePopover({ mode, placement, listenClick, listenFocus, listenHover, hideDelay, onShow, onHide, hotKey }?: PopoverOptions): {
     show: () => void;
     hide: () => void;
     readonly isOpen: boolean;

package/dist/popover/popover.svelte.js

@@ -16,7 +16,7 @@ const placements = {
     'right-start': 'right span-bottom'
 };
 let popoverInstanceCount = 0;
-export function usePopover({ mode = 'auto', placement = 'bottom-start', listenClick = true, listenFocus = true, listenHover = false, hideDelay = 400 } = {}) {
+export function usePopover({ mode = 'auto', placement = 'bottom-start', listenClick = true, listenFocus = true, listenHover = false, hideDelay = 400, onShow, onHide, hotKey } = {}) {
     const uid = popoverInstanceCount++;
     const anchorName = `--anchor-${uid}`;
     let popover = $state();
@@ -24,9 +24,11 @@ export function usePopover({ mode = 'auto', placement = 'bottom-start', listenCl
     const hideDebounced = debounce(hide, hideDelay);
     function show() {
         popover?.showPopover();
+        onShow?.();
     }
     function hide() {
         popover?.hidePopover();
+        onHide?.();
     }
     function onMouseEnter() {
         hideDebounced.clear();
@@ -48,6 +50,9 @@ export function usePopover({ mode = 'auto', placement = 'bottom-start', listenCl
             cleanups.push(on(activator, 'mouseenter', onMouseEnter));
             cleanups.push(on(activator, 'mouseleave', hideDebounced));
         }
+        if (hotKey) {
+            cleanups.push(on(window, 'keydown', handleHotKey));
+        }
         return () => {
             for (const cleanup of cleanups)
                 cleanup();
@@ -65,6 +70,14 @@ export function usePopover({ mode = 'auto', placement = 'bottom-start', listenCl
                 cleanup();
         };
     }
+    async function handleHotKey(event) {
+        const { metaKey, ctrlKey, key } = event;
+        if ((metaKey || ctrlKey) && key === hotKey) {
+            event.preventDefault();
+            show();
+            return;
+        }
+    }
     return {
         show,
         hide,
@@ -75,15 +88,9 @@ export function usePopover({ mode = 'auto', placement = 'bottom-start', listenCl
             popover: mode,
             [createAttachmentKey()]: (node) => {
                 popover = node;
-                // biome-ignore lint/suspicious/noTsIgnore: await for a svelte-check update
-                // @ts-ignore
                 popover.style.positionAnchor = anchorName;
-                // biome-ignore lint/suspicious/noTsIgnore: await for a svelte-check update
-                // @ts-ignore
                 popover.style.positionArea = placements[placement];
                 popover.style.inset = 'auto';
-                // biome-ignore lint/suspicious/noTsIgnore: await for a svelte-check update
-                // @ts-ignore
                 popover.style.positionTry = 'flip-x, flip-y';
                 popover.style.position = 'relative';
                 return attachPopoverListeners(node);
@@ -91,8 +98,6 @@ export function usePopover({ mode = 'auto', placement = 'bottom-start', listenCl
         },
         trigger: {
             [createAttachmentKey()]: (node) => {
-                // biome-ignore lint/suspicious/noTsIgnore: await for a svelte-check update
-                // @ts-ignore
                 node.style.anchorName = anchorName;
                 return attachTriggerListeners(node);
             }

package/dist/remote/index.d.ts

@@ -0,0 +1 @@
+export * from './useForm.js';

package/dist/remote/index.js

@@ -0,0 +1 @@
+export * from './useForm.js';

package/dist/remote/useForm.d.ts

@@ -1,6 +1,16 @@
 import type { RemoteForm, RemoteFormInput } from '@sveltejs/kit';
 import type { StandardSchemaV1 } from 'runed/kit';
+import { type Attachment } from 'svelte/attachments';
 /**
  * Enable preflight and run validation on input
+ * @deprecated
  */
 export declare function useForm<Input extends RemoteFormInput | undefined, Output>(remoteForm: RemoteForm<Input, Output>, schema: StandardSchemaV1<Input>, debounceMs?: number): RemoteForm<Input, Output>;
+export declare function validationOnInput<Input extends RemoteFormInput | undefined, Output>(remoteForm: RemoteForm<Input, Output>, debounceMs?: number): Attachment<HTMLFormElement>;
+type UseEnhanceCallbackOptions<Input extends RemoteFormInput | void> = {
+    onSuccess?: (data: Input, form: HTMLFormElement) => void;
+    onError?: (err: unknown) => void;
+};
+type EnhanceCallback<Input extends RemoteFormInput | void> = Parameters<RemoteForm<Input, unknown>['enhance']>[0];
+export declare function useEnhanceCallback<Input extends RemoteFormInput | void>({ onSuccess, onError }: UseEnhanceCallbackOptions<Input>): EnhanceCallback<Input>;
+export {};

package/dist/remote/useForm.js

@@ -3,8 +3,14 @@ import { createAttachmentKey } from 'svelte/attachments';
 import { on } from 'svelte/events';
 /**
  * Enable preflight and run validation on input
+ * @deprecated
  */
 export function useForm(remoteForm, schema, debounceMs = 1000) {
+    const validation = validationOnInput(remoteForm, debounceMs);
+    Object.assign(remoteForm, { [createAttachmentKey()]: validation });
+    return remoteForm.preflight(schema);
+}
+export function validationOnInput(remoteForm, debounceMs = 1000) {
     const validation = (formElement) => {
         const debouncedValidate = debounce(() => remoteForm.validate(), debounceMs);
         return on(formElement, 'input', ({ target }) => {
@@ -13,10 +19,24 @@ export function useForm(remoteForm, schema, debounceMs = 1000) {
                     target.type === 'checkbox' ||
                     target.type === 'radio' ||
                     target.tagName === 'SELECT';
-                instantValidation ? remoteForm.validate() : debouncedValidate();
+                if (instantValidation)
+                    remoteForm.validate();
+                else
+                    debouncedValidate();
             }
         });
     };
-    Object.assign(remoteForm, { [createAttachmentKey()]: validation });
-    return remoteForm.preflight(schema);
+    return validation;
+}
+export function useEnhanceCallback({ onSuccess, onError }) {
+    return ({ submit, data, form }) => {
+        submit()
+            .then(() => {
+            onSuccess?.(data, form);
+        })
+            .catch((err) => {
+            console.error(err);
+            onError?.(err);
+        });
+    };
 }

package/dist/search/Spans.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
-	import type { SearchQueryResultSpan } from './search.ts'
+	import type { SearchQueryResultSpan } from './search.js'
 
 	let { spans }: { spans: SearchQueryResultSpan[] } = $props()
 </script>
 
-{#each spans as { value, isMatch }}
+{#each spans as span (span)}
+	{@const { isMatch, value } = span}
 	<span
 		class={isMatch ? 'rounded-xs text-secondary' : ''}
 		class:ml-px={value.startsWith(' ')}

package/dist/search/Spans.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SearchQueryResultSpan } from './search.ts';
+import type { SearchQueryResultSpan } from './search.js';
 type $$ComponentProps = {
     spans: SearchQueryResultSpan[];
 };

package/dist/search/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Spans } from './Spans.svelte';
-export * from './search.ts';
+export * from './search.js';

package/dist/search/index.js

@@ -1,2 +1,2 @@
 export { default as Spans } from './Spans.svelte';
-export * from './search.ts';
+export * from './search.js';

package/dist/search/search.d.ts

@@ -0,0 +1,38 @@
+import type { FuseResultMatch, IFuseOptions } from 'fuse.js';
+import Fuse from 'fuse.js';
+export type CombinedFuseResult<T> = {
+    item: T;
+    score: number;
+    matches: FuseResultMatch[];
+};
+type Keys<Item> = Partial<Record<keyof Item, Partial<{
+    weight: number;
+    getFn: (item: Item) => string;
+}>>>;
+export type SearchOptions<Item, K extends Keys<Item> = Keys<Item>> = {
+    items?: Item[];
+    keys: K;
+} & Omit<IFuseOptions<Item>, 'includeMatches' | 'keys'>;
+export type SearchQueryOptions = {
+    tokensSeparator?: string;
+    tokensMaxCount?: number;
+};
+export type SearchQueryResult<Item, K extends Keys<Item> = Keys<Item>> = {
+    item: Item;
+    spans: Record<keyof K, SearchQueryResultSpan[]>;
+    score: number;
+};
+export type SearchQueryResultSpan = {
+    value: string;
+    isMatch: boolean;
+};
+export declare function useSearch<Item extends object, K extends Keys<Item>>({ items, keys, ...fuseOptions }: SearchOptions<Item, K>): {
+    fuse: Fuse<Item>;
+    query: (value: string, { tokensSeparator, tokensMaxCount }?: SearchQueryOptions) => SearchQueryResult<Item, K>[];
+    prismaWhereTokens: (value: string, { tokensSeparator, tokensMaxCount }?: SearchQueryOptions) => {
+        OR: { [P in keyof K]?: {
+            contains: string;
+        } | undefined; }[];
+    }[];
+};
+export {};

package/dist/search/search.js

@@ -3,6 +3,8 @@ import { mergeRanges } from 'perod';
 export function useSearch({ items = [], keys, ...fuseOptions }) {
     const fuse = new Fuse(items, {
         includeMatches: true,
+        ignoreLocation: true,
+        ignoreDiacritics: true,
         keys: Object.entries(keys).map(([name, param]) => ({
             name,
             ...(param || {})
@@ -28,9 +30,20 @@ export function useSearch({ items = [], keys, ...fuseOptions }) {
         }
         return queryResults;
     }
+    function prismaWhereTokens(value, { tokensSeparator = ' ', tokensMaxCount = 4 } = {}) {
+        const tokens = value.split(tokensSeparator).slice(0, tokensMaxCount);
+        const whereTokens = [];
+        for (const token of tokens) {
+            whereTokens.push({
+                OR: Object.keys(keys).map((k) => ({ [k]: { contains: token } }))
+            });
+        }
+        return whereTokens;
+    }
     return {
-        ...fuse,
-        query
+        fuse,
+        query,
+        prismaWhereTokens
     };
 }
 function getSpans(key, matches) {

package/dist/ui/copy/ButtonCopy.svelte

@@ -3,7 +3,7 @@
 	import type { Component } from 'svelte'
 	import type { ClassValue } from 'svelte/elements'
 	import { tip } from '../../action/tip.js'
-	import { type UseCopyOptions, useCopy } from './useCopy.svelte.ts'
+	import { type UseCopyOptions, useCopy } from './useCopy.svelte.js'
 
 	let {
 		title = '',

package/dist/ui/copy/ButtonCopy.svelte.d.ts

@@ -1,7 +1,7 @@
 import { type IconProps } from '@lucide/svelte';
 import type { Component } from 'svelte';
 import type { ClassValue } from 'svelte/elements';
-import { type UseCopyOptions } from './useCopy.svelte.ts';
+import { type UseCopyOptions } from './useCopy.svelte.js';
 type $$ComponentProps = {
     /** Tooltip text */
     title?: string;

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

@@ -1,2 +1,2 @@
 export { default as ButtonCopy } from './ButtonCopy.svelte';
-export * from './useCopy.svelte.ts';
+export * from './useCopy.svelte.js';

package/dist/ui/copy/index.js

@@ -1,2 +1,2 @@
 export { default as ButtonCopy } from './ButtonCopy.svelte';
-export * from './useCopy.svelte.ts';
+export * from './useCopy.svelte.js';

package/dist/ui/drawer/Drawer.svelte

@@ -8,7 +8,7 @@
 	import { XIcon } from '@lucide/svelte'
 
 	import { goto } from '$app/navigation'
-	import { urlParam } from '../../state/param.svelte.ts'
+	import { urlParam } from '../../state/param.svelte.js'
 	import { drawerFly } from './drawerFly.js'
 	import { writable } from 'svelte/store'
 	import { useLayer } from './useLayer.svelte.js'

package/dist/ui/drawer/drawerFly.js

@@ -13,7 +13,7 @@ export function drawerFly(node, { delay = 0, duration = 400, easing = cubicOut,
         css: (t, u) => `
 			transform: ${transform} translate(${(1 - t) * xValue}${xUnit}, ${(1 - t) * yValue}${yUnit});
 			opacity: ${target_opacity - od * u}`,
-        tick: (t, _u) => {
+        tick: (t) => {
             onTransition({ x: t * xValue, y: t * yValue });
         }
     };

package/dist/ui/menu/DropDownMenu.svelte

@@ -2,32 +2,20 @@
 	import { ChevronsUpDownIcon } from '@lucide/svelte'
 	import type { Snippet } from 'svelte'
 	import { DropDown } from './index.js'
-	import { type Options, parseOptions } from '../../utils/options.js'
 	import type { TippyProps } from '../../utils/tippy.js'
 
 	let {
-		options: optionsProp,
 		tippyProps = {},
-		onSelect,
 		children: childrenProp
 	}: {
-		options: Options
 		tippyProps?: Partial<TippyProps>
-		onSelect?: (value: string) => void
 		children?: Snippet
 	} = $props()
-
-	let options = $derived(parseOptions(optionsProp))
-	let trigger = $state<HTMLElement>()
 </script>
 
 <DropDown {tippyProps}>
 	{#snippet activator()}
-		<button
-			bind:this={trigger}
-			type="button"
-			class="flex h-12 items-center gap-2 rounded-lg border pr-2 pl-4"
-		>
+		<button type="button" class="flex h-12 items-center gap-2 rounded-lg border pr-2 pl-4">
 			{#if childrenProp}
 				{@render childrenProp()}
 			{:else}
@@ -37,10 +25,9 @@
 		</button>
 	{/snippet}
 
-	{#snippet children({ hide })}
-		<span>TODO: use Command or REMOVE THIS COMPONENT</span>
+	<span>TODO: use Command or REMOVE THIS COMPONENT</span>
 
-		<!-- <SelectorList
+	<!-- <SelectorList
 			{trigger}
 			items={options.map((opt) => ({ id: opt.value, ...opt }))}
 			onSelect={(index) => {
@@ -56,5 +43,4 @@
 				<span class="pr-4 whitespace-nowrap">{item.label}</span>
 			{/snippet}
 		</SelectorList> -->
-	{/snippet}
 </DropDown>

package/dist/ui/menu/DropDownMenu.svelte.d.ts

@@ -1,10 +1,7 @@
 import type { Snippet } from 'svelte';
-import { type Options } from '../../utils/options.js';
 import type { TippyProps } from '../../utils/tippy.js';
 type $$ComponentProps = {
-    options: Options;
     tippyProps?: Partial<TippyProps>;
-    onSelect?: (value: string) => void;
     children?: Snippet;
 };
 declare const DropDownMenu: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/ui/pagination/Pagination.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { ChevronLeftIcon, ChevronRightIcon } from '@lucide/svelte'
 	import { tip } from '../../action/tip.js'
-	import { param, urlParam } from '../../state/index.ts'
+	import { param, urlParam } from '../../state/index.js'
 
 	let { take = 20 }: { take?: number } = $props()
 

package/dist/ui/range/RangePicker.svelte

@@ -49,8 +49,7 @@
 			startDate: range?.start ? dayjs(range.start).toDate() : undefined,
 			endDate: range?.end ? dayjs(range.end).toDate() : undefined,
 			setup: (picker: Litepicker) => {
-				// biome-ignore lint/suspicious/noExplicitAny: Litepicker external type
-				picker.on('selected', (date1: any, date2: any) => {
+				picker.on('selected', (date1: { dateInstance: Date }, date2: { dateInstance: Date }) => {
 					range = {
 						start: new Date(
 							`${getAbsoluteDate(date1.dateInstance)}T${getAbsoluteTime(range?.start)}`

package/dist/ui/range/RangePickerButton.svelte

@@ -2,7 +2,7 @@
 	import { CalendarRangeIcon } from '@lucide/svelte'
 	import { slide } from 'svelte/transition'
 	import { goto } from '$app/navigation'
-	import { param, urlParam } from '../../state/param.svelte.ts'
+	import { param, urlParam } from '../../state/param.svelte.js'
 	import { DropDown } from '../menu/index.js'
 	import { formatRangeShort } from './format.js'
 	import { type RangeAsDate, RangePicker } from './index.js'

package/dist/ui/table/Table.svelte

@@ -21,8 +21,7 @@
 		classRow,
 		hideBody = false,
 		onCreateField,
-		onclick,
-		screenPadding
+		onclick
 	}: {
 		key?: string
 		fields: TableField<Item>[]
@@ -34,7 +33,6 @@
 		hideBody?: boolean
 		onCreateField?: () => void
 		onclick?: (item?: Item) => void
-		screenPadding?: number
 	} = $props()
 
 	$effect(() => {

package/dist/ui/table/Table.svelte.d.ts

@@ -12,7 +12,6 @@ declare function $$render<Item extends ItemBase>(): {
         hideBody?: boolean;
         onCreateField?: () => void;
         onclick?: (item?: Item) => void;
-        screenPadding?: number;
     };
     exports: {};
     bindings: "";

package/dist/ui/table/TableFieldsEdition.svelte

@@ -11,11 +11,12 @@
 	import { page } from '$app/state'
 	import { listEditable } from '../../action/list/index.js'
 	import { tip } from '../../action/tip.js'
-	import { param, urlParam } from '../../state/param.svelte.ts'
+	import { param, urlParam } from '../../state/param.svelte.js'
 	import { DropDown } from '../menu/index.js'
 	import { context } from './context.js'
 	import type { ItemBase, TableField } from './index.js'
 	import { jsonParse } from '../../utils/jsonParse.js'
+	import type { ResolvedPathname } from '$app/types'
 
 	let {
 		fields,
@@ -30,14 +31,14 @@
 	let { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = $derived(context.get(key))
 
 	function getFieldHref(field: TableField<Item>) {
-		if (field.locked) return
+		if (field.locked) return '' as ResolvedPathname
 		const url = toggleParam(field.visible ? KEY_FIELDS_HIDDEN : KEY_FIELDS_VISIBLE, field.key)
 		if (url.searchParams.has(field.key)) {
 			url.searchParams.delete(field.key)
 			url.searchParams.delete('skip')
 			url.searchParams.delete('take')
 		}
-		return url.pathname + url.search
+		return (url.pathname + url.search) as ResolvedPathname
 	}
 
 	function toggleParam(paramKey: string, fieldKey: string): URL {

package/dist/ui/table/TableViewSelect.svelte

@@ -4,6 +4,7 @@
 
 	import { Dialog } from '../dialog/index.js'
 	import { DropDown } from '../menu/index.js'
+	import { SvelteURLSearchParams } from 'svelte/reactivity'
 
 	// import { InputText } from '../input/index.js';
 	// import { useForm } from '../../validation/form.jss';
@@ -15,19 +16,9 @@
 	}
 
 	let {
-		key,
-		views,
-		action = '',
-		actionCreate = '?/view_create',
-		actionUpdate = '?/view_update',
-		actionDelete = '?/view_delete'
+		views
 	}: {
-		key: string
 		views: View[]
-		action?: string
-		actionCreate?: string
-		actionUpdate?: string
-		actionDelete?: string
 	} = $props()
 
 	let dialog = $state<HTMLDialogElement>()
@@ -38,7 +29,7 @@
 	// });
 
 	let query = $derived.by(() => {
-		const searchParam = new URLSearchParams(page.url.searchParams)
+		const searchParam = new SvelteURLSearchParams(page.url.searchParams)
 		searchParam.delete('skip')
 		searchParam.delete('take')
 		return searchParam.toString()

package/dist/ui/table/TableViewSelect.svelte.d.ts

@@ -4,12 +4,7 @@ type View = {
     query: string;
 };
 type $$ComponentProps = {
-    key: string;
     views: View[];
-    action?: string;
-    actionCreate?: string;
-    actionUpdate?: string;
-    actionDelete?: string;
 };
 declare const TableViewSelect: import("svelte").Component<$$ComponentProps, {}, "">;
 type TableViewSelect = ReturnType<typeof TableViewSelect>;

package/dist/ui/table/head/TableHeadDate.svelte

@@ -2,7 +2,7 @@
 	import { CalendarArrowDownIcon, CalendarArrowUpIcon, CalendarSearchIcon } from '@lucide/svelte'
 	import { goto } from '$app/navigation'
 	import { page } from '$app/state'
-	import { urlParam } from '../../../state/param.svelte.ts'
+	import { urlParam } from '../../../state/param.svelte.js'
 	import { DropDown } from '../../menu/index.js'
 	import { formatRange } from '../../range/format.js'
 	import { type RangeAsDate, RangePicker } from '../../range/index.js'
@@ -19,7 +19,7 @@
 		start?: string
 		end?: string
 		order?: 'asc' | 'desc'
-	}>(page.url.searchParams.get(field.key), {})
+	}>(page.url.searchParams.get((() => field.key)()), {})
 
 	let range: RangeAsDate = $state({
 		start: initialValue.start ? new Date(initialValue.start) : null,

package/dist/ui/table/head/TableHeadNumber.svelte

@@ -4,7 +4,7 @@
 	import z from 'zod'
 	import { goto } from '$app/navigation'
 	import { page } from '$app/state'
-	import { urlParam } from '../../../state/param.svelte.ts'
+	import { urlParam } from '../../../state/param.svelte.js'
 	import { DropDown } from '../../menu/index.js'
 	import { zodCoerceJsonRecord } from '../../../validation/zod.js'
 	import type { ItemBase, TableField } from '../field.js'

package/dist/ui/table/head/TableHeadSelect.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" generics="Item extends ItemBase">
 	import { ListFilterIcon } from '@lucide/svelte'
 	import { page } from '$app/state'
-	import { param, urlParam } from '../../../state/param.svelte.ts'
+	import { param, urlParam } from '../../../state/param.svelte.js'
 	import { DropDown } from '../../menu/index.js'
 	import type { ItemBase, TableField } from '../index.js'
 	import { jsonParse } from '../../../utils/jsonParse.js'
@@ -61,7 +61,7 @@
 
 				{#if optionsActive.length}
 					<div class="flex flex-wrap gap-1">
-						{#each optionsActive as option}
+						{#each optionsActive as option (option.value)}
 							<span class="badge badge-xs text-[0.7rem] font-normal text-white badge-primary">
 								{#if option.icon}
 									<option.icon size={10} class="-translate-x-1 fill-white/80" />
@@ -75,7 +75,7 @@
 		{/snippet}
 
 		<div class="flex flex-col gap-1">
-			{#each options as { isActive, icon: Icon, label, value }}
+			{#each options as { isActive, icon: Icon, label, value } (value)}
 				<a
 					href={getHref(value)}
 					class="menu-item px-3 py-2"

package/dist/utils/options.d.ts

@@ -1,6 +1,6 @@
 import type { IconProps } from '@lucide/svelte';
 import type { Component } from 'svelte';
-import type { InputProps } from '../input/type.ts';
+import type { InputProps } from '../input/type.js';
 export type Option = {
     value: string;
     label: string;

package/dist/utils/options.js

@@ -1,5 +1,5 @@
 import z from 'zod';
-import { zodCoerceJsonValue } from '../validation/zod.ts';
+import { zodCoerceJsonValue } from '../validation/zod.js';
 export function parseOptions(options) {
     if (typeof options === 'string') {
         options = zodCoerceJsonValue.pipe(z.array(z.string())).default([]).parse(options);

package/dist/validation/zod.js

@@ -15,7 +15,8 @@ export const zodCoerceJson = z.string().transform((str, ctx) => {
     try {
         return JSON.parse(str);
     }
-    catch (_err) {
+    catch (e) {
+        console.error(e);
         ctx.addIssue({ code: 'custom', message: 'Invalid JSON' });
         return z.NEVER;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fuma",
-	"version": "2.1.1",
+	"version": "2.1.4",
 	"description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
 	"author": {
 		"name": "Jonas Voisard",
@@ -8,10 +8,10 @@
 	},
 	"scripts": {
 		"dev": "vite dev --host",
-		"build": "vite build && npm run package",
+		"build": "vite build && bun run package",
 		"preview": "vite preview --host",
 		"package": "svelte-kit sync && svelte-package && publint",
-		"prepublishOnly": "npm run package",
+		"prepublishOnly": "bun run package",
 		"sync": "svelte-kit sync",
 		"svelte-check": "svelte-check --tsconfig ./tsconfig.json",
 		"check": "run-p sync svelte-check lint",
@@ -33,27 +33,6 @@
 			"svelte": "./dist/index.js",
 			"default": "./dist/index.js"
 		},
-		"./ui": {
-			"types": "./dist/ui/index.d.ts",
-			"svelte": "./dist/ui/index.js",
-			"default": "./dist/ui/index.js"
-		},
-		"./utils": {
-			"types": "./dist/utils/index.d.ts",
-			"default": "./dist/utils/index.js"
-		},
-		"./state": {
-			"types": "./dist/state/index.d.ts",
-			"default": "./dist/state/index.js"
-		},
-		"./validation": {
-			"types": "./dist/validation/index.d.ts",
-			"default": "./dist/validation/index.js"
-		},
-		"./action": {
-			"types": "./dist/action/index.d.ts",
-			"default": "./dist/action/index.js"
-		},
 		"./server": {
 			"types": "./dist/server/index.d.ts",
 			"default": "./dist/server/index.js"