compote-ui 0.38.0 → 0.38.2

package/dist/components/data-table/data-table-head.svelte

@@ -72,7 +72,6 @@
 		if (!isMultiRowSelectionEnabled) return false;
 		return headerGroupIndex === headerGroupCount - 1;
 	}
-
 </script>
 
 <thead

package/dist/components/data-table/data-table.svelte

@@ -118,7 +118,7 @@
 					>
 						{#if isRowSelectionEnabled}
 							<td
-								class="border-b border-surface-3 bg-(--row-bg) px-3 py-2 text-center align-middle group-last/row:border-b-0"
+								class="border-b border-surface-2 bg-(--row-bg) px-3 py-2 text-center align-middle group-last/row:border-b-0"
 								style="position: sticky; left: 0; z-index: 1"
 							>
 								<Checkbox
@@ -135,7 +135,7 @@
 							{@const columnDef = getColumnMeta(cell.column.columnDef)}
 							<td
 								class={cn(
-									'truncate border-b border-surface-3 px-3 py-2 group-last/row:border-b-0',
+									'truncate border-b border-b-surface-2 px-3 py-2 group-last/row:border-b-0',
 									alignClass(columnDef?.align),
 									cell.column.getIsPinned() && 'bg-(--row-bg)'
 								)}
@@ -183,9 +183,7 @@
 								{/if}
 							</td>
 						{/each}
-						<td
-							aria-hidden="true"
-							class="border-b border-surface-3 p-0 group-last/row:border-b-0"
+						<td aria-hidden="true" class="border-b border-surface-2 p-0 group-last/row:border-b-0"
 						></td>
 					</tr>
 				{:else}

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

@@ -1,23 +1,28 @@
 <script lang="ts">
 	import { Menu } from '@ark-ui/svelte/menu';
+	import { Portal } from '@ark-ui/svelte/portal';
+	import type { MenuContentBaseProps } from '@ark-ui/svelte/menu';
 	import type { Snippet } from 'svelte';
 	import { cn } from 'tailwind-variants';
 
-	type Props = {
+	type Props = MenuContentBaseProps & {
 		class?: string;
 		children: Snippet;
 	};
 
-	const { class: className, children }: Props = $props();
+	const { class: className, children, ...restProps }: Props = $props();
 </script>
 
-<Menu.Positioner>
-	<Menu.Content
-		class={cn(
-			'z-50 min-w-32 overflow-hidden rounded-md border bg-surface-1 p-1 text-ink shadow-md outline-none',
-			className
-		)}
-	>
-		{@render children()}
-	</Menu.Content>
-</Menu.Positioner>
+<Portal>
+	<Menu.Positioner>
+		<Menu.Content
+			{...restProps}
+			class={cn(
+				'z-50 min-w-32 overflow-hidden rounded-md border bg-surface-1 p-1 text-ink shadow-md outline-none',
+				className
+			)}
+		>
+			{@render children()}
+		</Menu.Content>
+	</Menu.Positioner>
+</Portal>

package/dist/components/menu/menu-content.svelte.d.ts

@@ -1,5 +1,6 @@
+import type { MenuContentBaseProps } from '@ark-ui/svelte/menu';
 import type { Snippet } from 'svelte';
-type Props = {
+type Props = MenuContentBaseProps & {
     class?: string;
     children: Snippet;
 };

package/package.json

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