fuma 2.0.28 → 2.0.30

package/dist/ui/input/InputRelation.svelte

@@ -3,7 +3,6 @@
 	import type { HTMLInputAttributes } from 'svelte/elements'
 	import debounce from 'debounce'
 	import { toast } from 'svelte-sonner'
-	import { mdiClose } from '@mdi/js'
 
 	import { USE_COERCE_JSON } from '../../utils/constant.js'
 	import { Icon } from '../icon/index.js'
@@ -31,6 +30,7 @@
 	export let slotSuggestion: SnippetLike<[RelationItem]> = slotItem
 	export let input: HTMLInputAttributes | undefined = undefined
 	export let append: Snippet | undefined = undefined
+	export let disabled = false
 
 	let klass = ''
 	export { klass as class }
@@ -122,6 +122,7 @@
 					{:else}
 						<button
 							type="button"
+							{disabled}
 							on:click|stopPropagation={() => clear()}
 							class="input h-auto min-h-10 w-full grow items-start pt-2 pr-2"
 						>

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

@@ -24,6 +24,7 @@ declare class __sveltets_Render<RelationItem extends {
         slotSuggestion?: SnippetLike<[RelationItem]> | undefined;
         input?: HTMLInputAttributes | undefined;
         append?: Snippet | undefined;
+        disabled?: boolean;
         class?: string;
         classList?: string;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputSelect.svelte

@@ -13,8 +13,9 @@
 		options: Options
 		tippyProps?: TippyProps
 		placeholder?: string
+		disabled?: boolean
 	}
-	$: ({ value: _value, options, tippyProps, placeholder, ...props } = $$props as $$Props)
+	$: ({ value: _value, options, tippyProps, placeholder, disabled, ...props } = $$props as $$Props)
 	export let value = _value
 
 	$: _options = parseOptions(options)
@@ -43,7 +44,13 @@
 	<svelte:fragment slot="activator">
 		<FormControl {...props}>
 			{#snippet children({ key })}
-				<button bind:this={button} id={key} type="button" class="input flex grow items-center pr-2">
+				<button
+					bind:this={button}
+					id={key}
+					{disabled}
+					type="button"
+					class="input flex grow items-center pr-2"
+				>
 					{#if selectedOption}
 						{#if selectedOption.icon}
 							<Icon path={selectedOption.icon} size={21} class="opacity-70" />

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

@@ -18,6 +18,7 @@ declare const InputSelect: $$__sveltets_2_IsomorphicComponent<Omit<InputProps, "
     options: Options;
     tippyProps?: TippyProps;
     placeholder?: string;
+    disabled?: boolean;
 }, {
     input: CustomEvent<string>;
     select: CustomEvent<string>;

package/dist/ui/menu/DropDown.svelte

@@ -1,23 +1,14 @@
 <script lang="ts" context="module">
 	import { createSingleton, type TippyInstance } from '../../utils/tippy.js'
+	import type { CreateSingletonInstance } from 'tippy.js'
 
-	const sigleton = browser
-		? createSingleton([], {
-				theme: 'dropdown',
-				arrow: false,
-				moveTransition: 'transform 0.1s ease-out',
-				interactive: true,
-				interactiveDebounce: 50
-			})
-		: null
-
+	let sigleton: CreateSingletonInstance | null = null
 	const tips: TippyInstance[] = []
 </script>
 
 <script lang="ts">
 	import { tippy, type TippyProps } from '../../utils/tippy.js'
 	import { onMount } from 'svelte'
-	import { browser } from '$app/environment'
 	import { beforeNavigate } from '$app/navigation'
 	import './dropdown.css'
 
@@ -56,6 +47,7 @@
 			trigger: 'click focus',
 			interactive: true,
 			interactiveDebounce: 50,
+			moveTransition: 'transform 0.1s ease-out',
 			appendTo: 'parent',
 			onShown() {
 				if (autofocus) focusables[0]?.select()
@@ -65,7 +57,11 @@
 
 		if (useSingleton && tip) {
 			tips.push(tip)
-			sigleton?.setInstances(tips)
+			if (!sigleton) {
+				sigleton = createSingleton(tips)
+			} else {
+				sigleton?.setInstances(tips)
+			}
 		}
 
 		const lastFocusable = focusables.at(-1)
@@ -76,6 +72,10 @@
 			if (useSingleton && tip) {
 				tips.splice(tips.indexOf(tip), 1)
 				tip.destroy()
+				if (tips.length === 0) {
+					sigleton?.destroy()
+					sigleton = null
+				}
 			}
 		}
 	})

package/package.json

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