fuma 2.0.10 → 2.0.12

package/dist/ui/input/InputRelation.svelte

@@ -11,6 +11,7 @@
 	import { FormControl, SelectorList } from './index.js'
 	import type { TippyProps } from '../../utils/tippy.js'
 	import RelationAfter from './RelationAfter.svelte'
+	import type { SnippetLike } from '../table/type.js'
 
 	export let key = Math.random().toString()
 	export let label = ''
@@ -26,8 +27,8 @@
 	export let dropdownProps: ComponentProps<DropDown> = {}
 	export let flatMode = false
 	export let noSlotItemWrapper = false
-	export let slotItem: Snippet<[RelationItem]>
-	export let slotSuggestion: Snippet<[RelationItem]> = slotItem
+	export let slotItem: SnippetLike<[RelationItem]>
+	export let slotSuggestion: SnippetLike<[RelationItem]> = slotItem
 	export let input: HTMLInputAttributes | undefined = undefined
 	export let append: Snippet | undefined = undefined
 
@@ -88,7 +89,7 @@
 		<FormControl {key} {label} {error} class={klass}>
 			{#snippet children({ key })}
 				<div class="flex grow gap-2" class:hidden={item}>
-					<div class="input flex grow items-center pr-2">
+					<div class="input grow pr-2">
 						<input
 							type="text"
 							id={key}
@@ -112,14 +113,14 @@
 					{#if noSlotItemWrapper}
 						{@render slotItem(item)}
 					{:else}
-						<div class="bg-base-100 flex h-12 items-center gap-2 rounded-lg border pr-2 pl-4">
+						<div class="input h-auto min-h-10 grow items-start pt-2 pr-2">
 							<div class="grow">
 								{@render slotItem(item)}
 							</div>
 							<button
 								type="button"
 								on:click|stopPropagation={() => clear()}
-								class="btn btn-square btn-sm"
+								class="btn btn-square btn-xs"
 							>
 								<Icon path={mdiClose} />
 							</button>

package/dist/ui/input/InputRelation.svelte.d.ts

@@ -2,6 +2,7 @@ import { type ComponentProps, type Snippet } from 'svelte';
 import type { HTMLInputAttributes } from 'svelte/elements';
 import { DropDown } from '../menu/index.js';
 import type { TippyProps } from '../../utils/tippy.js';
+import type { SnippetLike } from '../table/type.js';
 declare class __sveltets_Render<RelationItem extends {
     id: string | number;
 }> {
@@ -19,8 +20,8 @@ declare class __sveltets_Render<RelationItem extends {
         dropdownProps?: ComponentProps<DropDown>;
         flatMode?: boolean;
         noSlotItemWrapper?: boolean;
-        slotItem: Snippet<[RelationItem]>;
-        slotSuggestion?: Snippet<[RelationItem]> | undefined;
+        slotItem: SnippetLike<[RelationItem]>;
+        slotSuggestion?: SnippetLike<[RelationItem]> | undefined;
         input?: HTMLInputAttributes | undefined;
         append?: Snippet | undefined;
         class?: string;

package/dist/ui/input/InputRelations.svelte

@@ -12,6 +12,7 @@
 	import { FormControl, SelectorList } from './index.js'
 	import { DropDown } from '../menu/index.js'
 	import RelationAfter from './RelationAfter.svelte'
+	import type { SnippetLike } from '../table/type.js'
 
 	export let key = ''
 	export let label = ''
@@ -22,8 +23,8 @@
 	export let error = ''
 	export let placeholder = ''
 	export let flatMode = false
-	export let slotItem: Snippet<[RelationItem]>
-	export let slotSuggestion: Snippet<[RelationItem]> = slotItem
+	export let slotItem: SnippetLike<[RelationItem]>
+	export let slotSuggestion: SnippetLike<[RelationItem]> = slotItem
 	export let input: HTMLInputAttributes | undefined = undefined
 	export let append: Snippet | undefined = undefined
 
@@ -102,11 +103,11 @@
 						{#each items || [] as item, index (item.id)}
 							<div
 								transition:slide|local={{ axis: 'x', duration: 200 }}
-								class="badge badge-outline badge-lg items-center whitespace-nowrap pr-0 text-right"
+								class="badge badge-outline badge-lg items-center pr-0 text-right whitespace-nowrap"
 							>
 								{@render slotItem(item)}
 								<div
-									class="btn btn-circle btn-ghost btn-xs ml-1 mr-[2px] h-[18px] min-h-[18px] w-[18px]"
+									class="btn btn-circle btn-ghost btn-xs mr-[2px] ml-1 h-[18px] min-h-[18px] w-[18px]"
 									role="button"
 									tabindex="0"
 									on:click={() => remove(index)}

package/dist/ui/input/InputRelations.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLInputAttributes } from 'svelte/elements';
 import { type Snippet } from 'svelte';
+import type { SnippetLike } from '../table/type.js';
 declare class __sveltets_Render<RelationItem extends {
     id: string | number;
 }> {
@@ -13,8 +14,8 @@ declare class __sveltets_Render<RelationItem extends {
         error?: string;
         placeholder?: string;
         flatMode?: boolean;
-        slotItem: Snippet<[RelationItem]>;
-        slotSuggestion?: Snippet<[RelationItem]> | undefined;
+        slotItem: SnippetLike<[RelationItem]>;
+        slotSuggestion?: SnippetLike<[RelationItem]> | undefined;
         input?: HTMLInputAttributes | undefined;
         append?: Snippet | undefined;
         class?: string;

package/dist/ui/input/RelationAfter.svelte

@@ -24,7 +24,7 @@
 {:else if createUrl}
 	<a
 		href={createUrl}
-		class="btn btn-square btn-sm"
+		class="btn btn-square btn-xs"
 		in:fade|local={{ duration: 200 }}
 		data-sveltekit-noscroll
 		data-sveltekit-replacestate

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",