fuma 2.0.9 → 2.0.11

package/dist/ui/icon/Icon.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { tippy, type TippyProps, type TippyInstance } from '../../utils/tippy.js'
-	import { onMount } from 'svelte'
+	import { onMount, type Snippet } from 'svelte'
 
-	export let path: string
+	export let path: string | Snippet
 	export let title = ''
 	export let size = 22
 	let klass = ''
@@ -35,15 +35,19 @@
 	})
 </script>
 
-<i bind:this={icon} class="grid place-content-center fill-base-content {klass}" {style}>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width={size}
-		height={size}
-		viewBox={`0 0 ${viewWidth} ${viewHeight}`}
-		style="display: inline-block;"
-		class={classSVG}
-	>
-		<path d={path} />
-	</svg>
+<i bind:this={icon} class="fill-base-content grid place-content-center {klass}" {style}>
+	{#if typeof path === 'string'}
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width={size}
+			height={size}
+			viewBox={`0 0 ${viewWidth} ${viewHeight}`}
+			style="display: inline-block;"
+			class={classSVG}
+		>
+			<path d={path} />
+		</svg>
+	{:else}
+		{@render path()}
+	{/if}
 </i>

package/dist/ui/icon/Icon.svelte.d.ts

@@ -1,4 +1,5 @@
 import { type TippyProps } from '../../utils/tippy.js';
+import { type Snippet } from 'svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -13,7 +14,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const Icon: $$__sveltets_2_IsomorphicComponent<{
-    path: string;
+    path: string | Snippet;
     title?: string;
     size?: number;
     class?: string;

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
 

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/utils/options.d.ts

@@ -1,7 +1,8 @@
+import type { Snippet } from 'svelte';
 export type Option = {
     value: string;
     label: string;
-    icon?: string;
+    icon?: string | Snippet;
 };
 export type OptionRecord<Values extends string> = Record<Values, Omit<Option, 'value'>>;
 export type Options = string | string[] | Option[] | Record<string, string> | OptionRecord<string>;

package/package.json

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