fuma 2.5.0 → 2.5.3

package/dist/input/InputRadio.svelte

@@ -2,6 +2,7 @@
 	import type { RemoteFormField } from '@sveltejs/kit'
 	import { type Options, parseOptions } from '../utils/index.js'
 	import Issues from './Issues.svelte'
+	import type { InputProps } from './type.js'
 	import type { Snippet } from 'svelte'
 
 	let {
@@ -9,15 +10,20 @@
 		label,
 		value = $bindable(),
 		options: optionsProp,
-		labelAppend
+		labelAppend,
+		...props
 	}: {
 		field?: RemoteFormField<string>
 		label: string
+		/**
+		 * Sans `field`, la valeur liée. Avec, la valeur initiale: `as('radio', …)` prend la
+		 * valeur de l'option et ne sait donc pas amorcer la sélection.
+		 */
 		value?: string
 		options: Options
 		/** Rendu à droite du libellé. */
 		labelAppend?: Snippet
-	} = $props()
+	} & InputProps = $props()
 
 	const options = $derived(parseOptions(optionsProp))
 </script>
@@ -29,8 +35,14 @@
 	</span>
 	<div class="join join-vertical">
 		{#each options as option (option.value)}
-			{@const { class: klass, ...props } = option}
-			{@const checked = field?.value() === option.value || value === option.value}
+			{@const {
+				class: klass,
+				value: optionValue,
+				label: optionLabel,
+				icon: Icon,
+				...optionProps
+			} = option}
+			{@const checked = (field ? (field.value() ?? value) : value) === optionValue}
 			<label
 				class={[
 					'input join-item not-disabled:cursor-pointer not-disabled:hover:bg-base-200',
@@ -38,21 +50,22 @@
 				]}
 			>
 				<div class="flex h-(--size) grow items-center gap-2">
-					{#if option.icon}
-						<option.icon size={18} opacity={0.8} />
-					{/if}
-					<span class="grow">{option.label}</span>
-					{#if field}
-						<input {...field.as('radio', option.value)} class={['w-0']} {...props} />
-					{:else}
-						<input
-							type="radio"
-							{checked}
-							onchange={() => (value = option.value)}
-							class={['w-0']}
-							{...props}
-						/>
+					{#if Icon}
+						<Icon size={18} opacity={0.8} />
 					{/if}
+					<span class="grow">{optionLabel}</span>
+					<!-- Le `checked` explicite prime sur celui de `as()`, qui lit `field.value()`:
+					     sans lui la valeur initiale ne cocherait rien, et un groupe décoché ne
+					     part pas dans le `FormData`. -->
+					<input
+						{...field?.as('radio', optionValue)}
+						type="radio"
+						{checked}
+						onchange={() => (value = optionValue)}
+						class={['w-0']}
+						{...props}
+						{...optionProps}
+					/>
 					<div
 						class={[
 							'ml-auto h-5 w-5 rounded-full outline',

package/dist/input/InputRadio.svelte.d.ts

@@ -1,14 +1,19 @@
 import type { RemoteFormField } from '@sveltejs/kit';
 import { type Options } from '../utils/index.js';
+import type { InputProps } from './type.js';
 import type { Snippet } from 'svelte';
 type $$ComponentProps = {
     field?: RemoteFormField<string>;
     label: string;
+    /**
+     * Sans `field`, la valeur liée. Avec, la valeur initiale: `as('radio', …)` prend la
+     * valeur de l'option et ne sait donc pas amorcer la sélection.
+     */
     value?: string;
     options: Options;
     /** Rendu à droite du libellé. */
     labelAppend?: Snippet;
-};
+} & InputProps;
 declare const InputRadio: import("svelte").Component<$$ComponentProps, {}, "value">;
 type InputRadio = ReturnType<typeof InputRadio>;
 export default InputRadio;

package/dist/ui/drawer/Drawer.svelte

@@ -120,7 +120,7 @@
 		"
 		class={[
 			'fixed top-0 right-0 bottom-0 z-10 flex',
-			'w-full flex-col overflow-y-scroll overscroll-contain bg-base-100',
+			'w-full flex-col overflow-y-auto overscroll-contain bg-base-100',
 			'transition-transform',
 			klass
 		]}

package/dist/validation/zod.js

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

package/package.json

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