@webamoki/web-svelte 0.5.5 → 0.5.7

package/dist/components/form/fields/TimeField.svelte

@@ -1,18 +1,49 @@
-<script lang="ts" generics="V,T extends Record<string, unknown>, U extends FormPath<T>, M">
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
 	import type { FormPath } from 'sveltekit-superforms';
 	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 	import { Input } from '../../../shadcn/components/ui/input/index.js';
+	import { Time } from '@internationalized/date';
 
 	interface Props extends FieldWrapperProps<T, U, M> {
-		value?: V;
+		value?: Time;
 		class?: string;
 		step?: HTMLInputElement['step'];
 	}
 	let { value = $bindable(), class: className, step, ...fieldProps }: Props = $props();
+	// Getter: format Time as string depending on step
+	function get(): string {
+		if (!value) return '00:00:00';
+		const hh = String(value.hour).padStart(2, '0');
+		const mm = String(value.minute).padStart(2, '0');
+
+		// If step < 60, include seconds
+		if (!step || Number(step) < 60) {
+			const ss = String(value.second).padStart(2, '0');
+			return `${hh}:${mm}:${ss}`;
+		}
+
+		return `${hh}:${mm}`;
+	}
+
+	// Setter: parse string into Time depending on step
+	function set(raw: string) {
+		if (!raw) {
+			value = undefined;
+			return;
+		}
+		const parts = raw.split(':').map(Number);
+		if (parts.length === 2) {
+			const [hh, mm] = parts;
+			value = new Time(hh, mm);
+		} else if (parts.length === 3) {
+			const [hh, mm, ss] = parts;
+			value = new Time(hh, mm, ss);
+		}
+	}
 </script>
 
 <FieldWrapper {...fieldProps}>
 	{#snippet formElem(props)}
-		<Input type="time" bind:value class={className} {step} {...props} />
+		<Input type="time" bind:value={get, set} class={className} {step} {...props} />
 	{/snippet}
 </FieldWrapper>

package/dist/components/form/fields/TimeField.svelte.d.ts

@@ -1,8 +1,9 @@
 import type { FormPath } from 'sveltekit-superforms';
 import { type FieldWrapperProps } from '../FieldWrapper.svelte';
-declare function $$render<V, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
+import { Time } from '@internationalized/date';
+declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
     props: FieldWrapperProps<T, U, M> & {
-        value?: V;
+        value?: Time;
         class?: string;
         step?: HTMLInputElement["step"];
     };
@@ -11,20 +12,20 @@ declare function $$render<V, T extends Record<string, unknown>, U extends FormPa
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<V, T extends Record<string, unknown>, U extends FormPath<T>, M> {
-    props(): ReturnType<typeof $$render<V, T, U, M>>['props'];
-    events(): ReturnType<typeof $$render<V, T, U, M>>['events'];
-    slots(): ReturnType<typeof $$render<V, T, U, M>>['slots'];
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<T, U, M>>['props'];
+    events(): ReturnType<typeof $$render<T, U, M>>['events'];
+    slots(): ReturnType<typeof $$render<T, U, M>>['slots'];
     bindings(): "value";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <V, T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<V, T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<V, T, U, M>['props']>, ReturnType<__sveltets_Render<V, T, U, M>['events']>, ReturnType<__sveltets_Render<V, T, U, M>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<V, T, U, M>['bindings']>;
-    } & ReturnType<__sveltets_Render<V, T, U, M>['exports']>;
-    <V, T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<V, T, U, M>['props']> & {}): ReturnType<__sveltets_Render<V, T, U, M>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any, any>['bindings']>;
+    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U, M>['props']>, ReturnType<__sveltets_Render<T, U, M>['events']>, ReturnType<__sveltets_Render<T, U, M>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, U, M>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, U, M>['exports']>;
+    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>['props']> & {}): ReturnType<__sveltets_Render<T, U, M>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
 }
 declare const TimeField: $$IsomorphicComponent;
-type TimeField<V, T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof TimeField<V, T, U, M>>;
+type TimeField<T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof TimeField<T, U, M>>;
 export default TimeField;

package/dist/shadcn/components/ui/button/button.svelte

@@ -54,7 +54,7 @@
 		...restProps
 	}: ButtonProps = $props();
 
-	let pointer = disabled ? '' : 'cursor-pointer';
+	let pointer = $derived(disabled ? '' : 'cursor-pointer');
 </script>
 
 <!-- eslint-disable svelte/no-navigation-without-resolve -->
@@ -62,7 +62,7 @@
 	<a
 		bind:this={ref}
 		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), className, pointer)}
+		class={cn(buttonVariants({ variant, size }), pointer, className)}
 		href={disabled ? undefined : href}
 		aria-disabled={disabled}
 		role={disabled ? 'link' : undefined}
@@ -75,7 +75,7 @@
 	<button
 		bind:this={ref}
 		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), className, pointer)}
+		class={cn(buttonVariants({ variant, size }), pointer, className)}
 		{type}
 		{disabled}
 		{...restProps}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.5",
+  "version": "0.5.7",
   "license": "MIT",
   "files": [
     "dist",