compote-ui 0.60.0 → 0.60.3

package/dist/components/listbox/listbox-content.svelte

@@ -19,7 +19,10 @@
 
 <Listbox.Content
 	{...restProps}
-	class={cn('flex min-h-0 w-full flex-1 flex-col overflow-y-auto outline-none', className)}
+	class={cn(
+		'flex min-h-0 w-full flex-1 flex-col overflow-y-auto outline-none bg-surface-document rounded p-1 border scrollbar-thin',
+		className
+	)}
 >
 	{@render items?.({ items: ctx.collection.items, group: ctx.collection.group() })}
 </Listbox.Content>

package/dist/components/listbox/listbox-root.svelte

@@ -9,12 +9,13 @@
 	import { setListboxContext } from './listbox-context';
 	import type { ClassValue } from 'svelte/elements';
 
-	type Props = Omit<ListboxRootBaseProps<ListItem<T>>, 'collection' | 'value'> & {
+	type Props = Omit<ListboxRootBaseProps<ListItem<T>>, 'collection' | 'value' | 'onValueChange'> & {
 		items: ListItem<T>[];
 		value?: T[];
 		name?: string;
 		class?: ClassValue;
 		children?: Snippet;
+		onValueChange?: (details: { value: T[]; items: ListItem<T>[] }) => void;
 	};
 
 	let {
@@ -64,8 +65,9 @@
 	{collection}
 	value={stringValue}
 	onValueChange={(details) => {
-		value = details.value as unknown as T[];
-		onValueChange?.(details);
+		const converted = details.value.map((v) => items.find((item) => item.value.toString() === v)?.value as T);
+		value = converted;
+		onValueChange?.({ value: converted, items: details.items as ListItem<T>[] });
 	}}
 	{...restProps}
 	class={cn('flex h-full w-full flex-col gap-1.5 overflow-hidden', className)}

package/dist/components/listbox/listbox-root.svelte.d.ts

@@ -3,12 +3,16 @@ import type { Snippet } from 'svelte';
 import type { ListItem } from '../../utils/collections';
 import type { ClassValue } from 'svelte/elements';
 declare function $$render<T extends string | number = string>(): {
-    props: Omit<Listbox.RootBaseProps<ListItem<T>>, "value" | "collection"> & {
+    props: Omit<Listbox.RootBaseProps<ListItem<T>>, "value" | "onValueChange" | "collection"> & {
         items: ListItem<T>[];
         value?: T[];
         name?: string;
         class?: ClassValue;
         children?: Snippet;
+        onValueChange?: (details: {
+            value: T[];
+            items: ListItem<T>[];
+        }) => void;
     };
     exports: {};
     bindings: "value";

package/dist/components/select/types.d.ts

@@ -1,7 +1,7 @@
 import type { SelectRootBaseProps } from '@ark-ui/svelte/select';
 import type { ListItem } from '../../utils/collections';
 export interface SelectProps<T extends ListItem> extends Omit<SelectRootBaseProps<T>, 'value' | 'collection'> {
-    value?: number | string | null;
+    value?: T['value'] | null;
     items: T[];
     label?: string;
     placeholder?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "compote-ui",
-	"version": "0.60.0",
+	"version": "0.60.3",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev --open",