fuma 1.0.10 → 1.0.12

package/dist/ui/input/InputTextarea.svelte

@@ -6,18 +6,17 @@
 	export let value = _value
 </script>
 
-<FormControl {...props}>
-	{#snippet children({ key })}
-		<textarea
-			bind:value
-			on:input
-			on:focus
-			on:blur
-			name={key}
-			id={key}
-			class="textarea textarea-bordered {inputClass || ''}"
-			rows="4"
-			{...inputProps}
-		></textarea>
-	{/snippet}
+<FormControl {...props} let:key>
+	<slot name="label_append" slot="label_append" />
+	<textarea
+		bind:value
+		on:input
+		on:focus
+		on:blur
+		name={key}
+		id={key}
+		class="textarea textarea-bordered {inputClass || ''}"
+		rows="4"
+		{...inputProps}
+	/>
 </FormControl>

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

@@ -9,7 +9,11 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        label_append: {
+            slot: string;
+        };
+    };
 };
 export type InputTextareaProps = typeof __propDef.props;
 export type InputTextareaEvents = typeof __propDef.events;

package/dist/ui/input/InputTime.svelte

@@ -29,18 +29,16 @@
 	}
 </script>
 
-<FormControl {...$$restProps}>
-	{#snippet children({ key })}
-		<input
-			value={value && dayjs(value).format('HH:mm')}
-			on:input={onInput}
-			on:focus
-			on:blur
-			type="time"
-			name={key}
-			id={key}
-			class="input input-bordered {inputClass}"
-			{...inputProps}
-		/>
-	{/snippet}
+<FormControl {...$$restProps} let:key>
+	<input
+		value={value && dayjs(value).format('HH:mm')}
+		on:input={onInput}
+		on:focus
+		on:blur
+		type="time"
+		name={key}
+		id={key}
+		class="input input-bordered {inputClass}"
+		{...inputProps}
+	/>
 </FormControl>

package/dist/ui/input/SelectorList.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" generics="Item extends {id: string | number}">
+<script lang="ts" generics="Item extends {id: string}">
 	import { createEventDispatcher } from 'svelte'
 	import { selector } from '../../action/selector.js'
 

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
 declare class __sveltets_Render<Item extends {
-    id: string | number;
+    id: string;
 }> {
     props(): {
         class?: string | undefined;
@@ -29,16 +29,16 @@ declare class __sveltets_Render<Item extends {
     };
 }
 export type SelectorListProps<Item extends {
-    id: string | number;
+    id: string;
 }> = ReturnType<__sveltets_Render<Item>['props']>;
 export type SelectorListEvents<Item extends {
-    id: string | number;
+    id: string;
 }> = ReturnType<__sveltets_Render<Item>['events']>;
 export type SelectorListSlots<Item extends {
-    id: string | number;
+    id: string;
 }> = ReturnType<__sveltets_Render<Item>['slots']>;
 export default class SelectorList<Item extends {
-    id: string | number;
+    id: string;
 }> extends SvelteComponent<SelectorListProps<Item>, SelectorListEvents<Item>, SelectorListSlots<Item>> {
 }
 export {};

package/dist/ui/input/textRich/InputTextRich.svelte

@@ -52,16 +52,14 @@
 	}, 120)
 </script>
 
-<FormControl {...$$restProps}>
-	{#snippet children({ key })}
-		<div class="bordered relative rounded-lg border">
-			{#if editor}
-				<ToolsBar {editor} class={classToolbar} />
-			{/if}
-			<div bind:this={element} class="min-h-[20rem] p-4 pb-10"></div>
-		</div>
-		{#if key}
-			<input type="hidden" name={key} {value} />
+<FormControl {...$$restProps} let:key>
+	<div class="bordered relative rounded-lg border">
+		{#if editor}
+			<ToolsBar {editor} class={classToolbar} />
 		{/if}
-	{/snippet}
+		<div bind:this={element} class="min-h-[20rem] p-4 pb-10" />
+	</div>
+	{#if key}
+		<input type="hidden" name={key} {value} />
+	{/if}
 </FormControl>

package/dist/ui/input/textRich/InputTextRich.svelte.d.ts

@@ -4,8 +4,7 @@ declare const __propDef: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | import("svelte").Snippet<[]> | undefined;
-        labelAppend?: import("svelte").Snippet<[]> | null | undefined;
+        label?: string | import("svelte").ComponentType | import("../../..").ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;

package/dist/ui/input/textRich/ToolMarkColor.svelte

@@ -29,7 +29,7 @@
 			<span
 				class="badge indicator-item badge-xs scale-75 border transition-none"
 				style:background={color}
-			></span>
+			/>
 			<Icon path={icon} size={19} class="opacity-70" />
 		</div>
 	</button>

package/dist/ui/input/textRich/ToolsBar.svelte

@@ -24,7 +24,7 @@
 	<div class="flex overflow-x-auto p-2">
 		<ToolMenuNode {editor} />
 		<ToolMenuAlign {editor} />
-		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0"></div>
+		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0" />
 
 		<ToolMark
 			{editor}
@@ -54,7 +54,7 @@
 			setColor={(color) => editor.commands.setHighlight({ color })}
 		/>
 
-		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0"></div>
+		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0" />
 
 		<ToolMenuInsert
 			{editor}

package/dist/ui/login/Login.svelte

@@ -88,7 +88,7 @@
 				<button class="btn" formaction="/auth?/{state}">
 					{state === 'login' ? 'Connexion' : 'Valider'}
 				</button>
-				<div class="grow"></div>
+				<div class="grow" />
 
 				<button class="link-hover link" formaction="/auth?/reset_password">
 					Mot de passe oublié

package/dist/ui/mode/ToggleMode.svelte

@@ -1,20 +1,9 @@
 <script lang="ts">
 	import { browser } from '$app/environment'
 	import { ModeWatcher, toggleMode, mode } from 'mode-watcher'
-	import { mdiWeatherNight, mdiWhiteBalanceSunny } from '@mdi/js'
 
 	import { Icon } from '../icon/index.js'
-	import { onMount } from 'svelte'
-
-	let klass = ''
-	export { klass as class }
-	export let defaultMode: 'dark' | 'light' | 'system' | undefined = undefined
-
-	onMount(() => {
-		const [html] = document.getElementsByTagName('html')
-		if (!html || !$mode) return
-		html.setAttribute('data-theme', $mode)
-	})
+	import { mdiWeatherNight, mdiWhiteBalanceSunny } from '@mdi/js'
 
 	mode.subscribe((_mode) => {
 		if (!browser) return
@@ -26,10 +15,10 @@
 	$: path = $mode === 'light' ? mdiWhiteBalanceSunny : mdiWeatherNight
 </script>
 
-<ModeWatcher {defaultMode} />
+<ModeWatcher />
 
 <slot {toggleMode} {path}>
-	<button class="btn btn-square btn-sm {klass}" on:click={toggleMode}>
+	<button class="btn btn-square btn-sm" on:click={toggleMode}>
 		<Icon {path} />
 	</button>
 </slot>

package/dist/ui/mode/ToggleMode.svelte.d.ts

@@ -2,8 +2,6 @@ import { SvelteComponent } from "svelte";
 import { toggleMode } from 'mode-watcher';
 declare const __propDef: {
     props: {
-        class?: string | undefined;
-        defaultMode?: 'dark' | 'light' | 'system' | undefined;
         children?: import("svelte").Snippet<[{
             toggleMode: typeof toggleMode;
             path: string;

package/dist/ui/range/RangePicker.svelte

@@ -78,4 +78,4 @@
 <input type="hidden" bind:this={startElement} />
 <input type="hidden" bind:this={endElement} />
 
-<div bind:this={parentEl}></div>
+<div bind:this={parentEl} />

package/dist/ui/slot/Slot.svelte

@@ -0,0 +1,52 @@
+<script lang="ts" context="module">
+	type _Slot =
+		| ((...args: any) => ComponentAndProps | ComponentType | string)
+		| ComponentAndProps
+		| ComponentType
+		| string
+	//
+</script>
+
+<script lang="ts" generics="Slot extends _Slot">
+	import { type ComponentType } from 'svelte'
+
+	import { component, type ComponentAndProps } from '../../utils/component.js'
+	import Span from './Span.svelte'
+
+	type Args = Slot extends (...args: any) => any ? Parameters<Slot>[0] : undefined
+
+	type $$Props = {
+		slot?: Slot | null
+		args?: Args | null
+	}
+
+	export let slot: Slot | undefined | null = undefined
+	export let args: Args | undefined | null = undefined
+
+	function getComponentAndProps(_slot: Slot): ComponentAndProps | null {
+		if (typeof _slot === 'function') {
+			if (isComponentType(_slot)) return { component: _slot, props: {} }
+			if (!args) {
+				console.error('args prop is required with slot as function')
+				return null
+			}
+			const result = _slot(args) as Slot
+			return getComponentAndProps(result)
+		}
+		if (typeof _slot === 'object') return _slot
+		return component(Span, { content: _slot })
+	}
+
+	function isComponentType(fun: Function): fun is ComponentType {
+		return !!fun.prototype?.constructor?.name
+	}
+</script>
+
+{#if slot}
+	{@const s = getComponentAndProps(slot)}
+	{#if s !== null}
+		<svelte:component this={s.component} {...s.props} />
+	{/if}
+{:else}
+	<slot />
+{/if}

package/dist/ui/slot/Slot.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+type _Slot = ((...args: any) => ComponentAndProps | ComponentType | string) | ComponentAndProps | ComponentType | string;
+import { type ComponentType } from 'svelte';
+import { type ComponentAndProps } from '../../utils/component.js';
+declare class __sveltets_Render<Slot extends _Slot> {
+    props(): {
+        slot?: Slot | null | undefined;
+        args?: (Slot extends (...args: any) => any ? Parameters<Slot>[0] : undefined) | null | undefined;
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {
+        default: {};
+    };
+}
+export type SlotProps<Slot extends _Slot> = ReturnType<__sveltets_Render<Slot>['props']>;
+export type SlotEvents<Slot extends _Slot> = ReturnType<__sveltets_Render<Slot>['events']>;
+export type SlotSlots<Slot extends _Slot> = ReturnType<__sveltets_Render<Slot>['slots']>;
+export default class Slot<Slot extends _Slot> extends SvelteComponent<SlotProps<Slot>, SlotEvents<Slot>, SlotSlots<Slot>> {
+}
+export {};

package/dist/ui/slot/Span.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+	export let content: string
+</script>
+
+<span>{content}</span>

package/dist/ui/slot/Span.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        content: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SpanProps = typeof __propDef.props;
+export type SpanEvents = typeof __propDef.events;
+export type SpanSlots = typeof __propDef.slots;
+export default class Span extends SvelteComponent<SpanProps, SpanEvents, SpanSlots> {
+}
+export {};

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

@@ -0,0 +1 @@
+export { default as Slot } from './Slot.svelte';

package/dist/ui/slot/index.js

@@ -0,0 +1 @@
+export { default as Slot } from './Slot.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fuma",
-	"version": "1.0.10",
+	"version": "1.0.12",
 	"description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
 	"author": {
 		"name": "Jonas Voisard",
@@ -70,43 +70,44 @@
 		"!dist/**/*.spec.*"
 	],
 	"peerDependencies": {
-		"@sveltejs/kit": "^2.5.6"
+		"@sveltejs/kit": "^2.5.6",
+		"svelte": "^4.0.0"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^3.2.0",
-		"@sveltejs/kit": "^2.9.0",
+		"@sveltejs/adapter-auto": "^3.0.0",
+		"@sveltejs/kit": "^2.5.7",
 		"@sveltejs/package": "^2.3.1",
+		"@sveltejs/vite-plugin-svelte": "^3.1.0",
 		"@tailwindcss/typography": "^0.5.13",
 		"@types/debounce": "^1.2.4",
-		"@types/eslint": "^8.56.10",
+		"@types/eslint": "^8.56.0",
 		"@types/node": "^20.12.7",
-		"@typescript-eslint/eslint-plugin": "^7.7.0",
-		"@typescript-eslint/parser": "^7.7.0",
-		"autoprefixer": "^10.4.19",
-		"daisyui": "5.0.0-beta.3",
-		"eslint": "^8.57.0",
+		"@typescript-eslint/eslint-plugin": "^7.0.0",
+		"@typescript-eslint/parser": "^7.0.0",
+		"autoprefixer": "^10.4.16",
+		"daisyui": "^4.10.2",
+		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte": "^2.37.0",
-		"postcss": "^8.4.38",
-		"postcss-load-config": "^5.0.3",
-		"prettier": "^3.2.5",
-		"prettier-plugin-svelte": "^3.2.3",
-		"prettier-plugin-tailwindcss": "^0.5.14",
-		"prisma": "^5.22.0",
-		"publint": "^0.1.16",
-		"svelte-check": "^3.6.9",
-		"tailwindcss": "^4.0.1",
-		"tslib": "^2.6.2",
-		"typescript": "^5.4.5",
-		"vite": "^6.0.2",
-		"vitest": "^1.5.0"
+		"eslint-plugin-svelte": "^2.35.1",
+		"postcss": "^8.4.32",
+		"postcss-load-config": "^5.0.2",
+		"prettier": "^3.1.1",
+		"prettier-plugin-svelte": "^3.1.2",
+		"prettier-plugin-tailwindcss": "^0.5.9",
+		"prisma": "^5.13.0",
+		"publint": "^0.1.9",
+		"svelte": "^4.2.15",
+		"svelte-check": "^3.6.0",
+		"tailwindcss": "^3.3.6",
+		"tslib": "^2.4.1",
+		"typescript": "^5.0.0",
+		"vite": "^5.2.11",
+		"vitest": "^1.2.0"
 	},
 	"dependencies": {
 		"@lucia-auth/adapter-prisma": "^4.0.1",
 		"@mdi/js": "^7.4.47",
-		"@prisma/client": "5.22.0",
-		"@sveltejs/vite-plugin-svelte": "5.0.1",
-		"@tailwindcss/vite": "^4.0.1",
+		"@prisma/client": "5.13.0",
 		"@tiptap/core": "^2.3.0",
 		"@tiptap/extension-color": "^2.3.0",
 		"@tiptap/extension-highlight": "^2.3.0",
@@ -124,16 +125,15 @@
 		"axios": "^1.6.8",
 		"dayjs": "^1.11.10",
 		"debounce": "^2.0.0",
-		"devalue": "^4.3.3",
+		"devalue": "^4.3.2",
 		"litepicker": "^2.0.12",
-		"lucia": "^3.2.2",
-		"mode-watcher": "^0.5.0",
+		"lucia": "^3.1.1",
+		"mode-watcher": "^0.3.0",
 		"oslo": "^1.2.0",
-		"svelte": "^5.4.0",
-		"svelte-easy-crop": "^3.0.1",
-		"svelte-sonner": "^0.3.28",
+		"svelte-easy-crop": "^2.0.3",
+		"svelte-sonner": "^0.3.22",
 		"tippy.js": "^6.3.7",
 		"ts-node": "^10.9.2",
-		"zod": "^3.22.5"
+		"zod": "^3.22.4"
 	}
 }